Home/ Questions/Q 7687291
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T19:40:17+00:00

I have the following, which doesn’t work, my validation seems that it’s not triggered

  • 0

I have the following, which doesn’t work, my validation seems that it’s not triggered on the form submit.

<script src="/Public/javascript/jquery-ui-1.8.13.min.js" type="text/javascript"></script>
<script src="/Public/javascript/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<script src="/Public/javascript/jquery.validate.min.js" type="text/javascript"></script>

......

<form action="/Controller/Action" data-ajax="true" data-ajax-complete="bla();" data-ajax-method="POST" id="MyAjaxForm" method="post">    

.........

<input data-val="true" data-val-required="The x field is required." id="ViewModel_x" name="ViewModel.x" type="text" value="">
<span class="field-validation-valid" data-valmsg-for="ViewModel.x" data-valmsg-replace="true"></span>

.........

<a href="#" id="saveButton" onclick="$('#MyAjaxForm').submit();">Some button text</a>

</form>

Do you see something wrong in the generated markup?

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Do you see something wrong in the generated markup?

    Yes, you seem to have forgotten to include the jquery.validate.unobtrusive.js script which is what interprets the HTML5 data-* validation attributes on your input fields and emits jquery.validate rules:

    <script src="/Public/javascript/jquery-ui-1.8.13.min.js" type="text/javascript"></script>
<script src="/Public/javascript/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<script src="/Public/javascript/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Public/javascript/jquery.validate.unobtrusive.js" type="text/javascript"></script>
    • 0