Any ideas? Yes, the very first thing you should do is to get rid of all those <script> tags from your partial view. Partial views should not contain any scripts. Partial views should contain only markup. I have repeated this many times and still see people putting scripts in-there. Scripts should be registered either in … Read more
First, you can add a validation summary: @Html.ValidationMessageFor(m => m.Slug) Then you can manually trigger jQuery validation / unobtrusive validation with the .showError method. Here is a sample: var errorArray = {}; errorArray[“Slug”] = ‘Some error message for the Slug text box’; $(‘#SomeFormId’).validate().showErrors(errorArray);
You had several issues with your code. 1) Missing a closing brace, }, within your rules. 2) In this case, there is no reason to use a function for the required rule. By default, the plugin can handle checkbox and radio inputs just fine, so using true is enough. However, this will simply do the … Read more
I only needed to add the localization files after the validation plugin. <script type=”text/javascript” src=”https://stackoverflow.com/questions/5618499/jquery.validate.js”> </script> <script type=”text/javascript” src=”localization/de.messages.js”> </script>
Put the jQuery script tag before the script tag for validation I just encountered this extremely frustrating error and lost the better part of an hour to it, for lack of a workable answer online. I confirmed in Firebug that I was hitting the CDN for both jQuery and validation. In the end, changing this: … Read more
You may try this (Example): $(function(){ $(“#myform”).validate(); $(“#myform”).on(‘submit’, function(e) { var isvalid = $(“#myform”).valid(); if (isvalid) { e.preventDefault(); alert(getvalues(“myform”)); } }); }); function getvalues(f) { var form=$(“#”+f); var str=””; $(“input:not(‘input:submit’)”, form).each(function(i){ str+=’\n’+$(this).prop(‘name’)+’: ‘+$(this).val(); }); return str; }
Just add ignore: [], in Your form validation function. It will enable hidden field validation.So You will get validation for Select 2 $(“#ContactForm”).validate({ ignore: [], rules: { //Rules }, messages: { //messages } });
Similar to Chris’s $(“form”).validate({ rules: { DayOfBirth: { required: true }, MonthOfBirth: { required: true }, YearOfBirth: { required: true } }, groups: { DateofBirth: “DayOfBirth MonthOfBirth YearOfBirth” }, errorPlacement: function(error, element) { if (element.attr(“name”) == “DayOfBirth” || element.attr(“name”) == “MonthOfBirth” || element.attr(“name”) == “YearOfBirth”) error.insertAfter(“#YearOfBirth”); else error.insertAfter(element); } });
You can use the :not() selector: ignore: “:hidden:not(.my_item)”
jQuery Validate actually directly supports this, using dependency expressions. All you need to do is change your validate options like this: $(‘#myform’).validate({ rules: { fieldA: { required:’#checkA:checked’ } } }); That’s it!