I can validate my form by calling $form.validate() and $form.valid(). And so presumably these functions are called automatically when submitting a form.
But my question is: If I have a custom validation function, how can I cause it to be called automatically when these validation methods are called? That is, I want my validation function to be called when the form is submitted, but also if $form.validate() and $form.valid() are called manually.
You can use $.validator.addMethod. So if you have an input that needs a custom validation rule, you can add the custom method to the validation process.
<label for="MyCustomValidation">My Custom Validation</label>
<input type="text" name="MyCustomValidation" id="MyCustomValidation" data-val="true" data-val-required="This field is required." data-rule-custom="Custom validator triggered." class="form-control" />
<span data-valmsg-for="MyCustomValidation" data-valmsg-replace="true"></span>
And then in javascript
function MyCustomValidator() {
if (typeof $.validator === 'undefined')
return;
$.validator.addMethod('custom', function (value, element) {
var result = false;
this.elementid = element.id;
if (value === 'custom') {
result = true;
}
return this.optional(element) || result;
}, function () {
return $('#' + this.elementid).attr('data-rule-custom');
});
}
data-val-custom, instead of data-rule-custom?
data-val-xxx is how I got it to finally work. stackoverflow.com/a/44997508/522663
$form.validate()is the initialization method for the entire form.$form.valid()is the programmatic trigger for validation of the entire form. They are not the same. After the plugin is initialized,.valid()can be used to programmatically trigger validation on the form or an individual field depending on the jQuery selector target. Otherwise, validation is always automatically triggered on the submit button by default. If your custom rule or method is not being called, that would be something other issue entirely.