jquery - 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/