jQuery Validate插件 - 如何通过事件显示所有错误(按下按钮)？

Question

我想通过按下按钮(而不是提交按钮)来显示所有验证错误.

somebutton.button().click(function () { //not submit button
     //some code here
     //to show up all validation messages
});

我该怎么做？

Answer 1

引用: "我想通过按下按钮(不提交按钮)来显示所有验证错误."

请参阅下面的正确解决方案以及工作演示......

HTML:

<form id="myform">
    <input type="text" name="whatever" />
</form>

<button id="yourbutton">click to show errors</button>

jQuery的:

使用.validate()来初始化插件:

$('#myform').validate({  // initialize the plugin
    // your options and rules
});

然后.valid()用来测试表单的有效性:

$('#yourbutton').click(function () {
    $('#myform').valid(); // run a validity test on the form (shows any errors)
});

>>工作演示:http: //jsfiddle.net/8FdVm/

演示#2(带提交按钮):http: //jsfiddle.net/3uZrt/

或者,您也可以使用返回的布尔值.valid()来执行其他操作:

$('#yourbutton').click(function () {
    if ($('#myform').valid()) { // also instantly shows any errors
        // run code if the form tests valid
    } else {
        // run code if the form tests invalid
    }
});

演示#3(布尔):http: //jsfiddle.net/qd5AQ/