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/