jquery - エラーのある要素のjQuery検証リストを表示する方法

Question

jQueryにはエラーメッセージに表示されない無効な要素がいくつかあるため、フォームが送信されない場合があります。

より簡単にデバッグするために、これらのエラーをどのように確認できますか？

Answer 1

var validator = $("form").validate()
validator.errorList

フォームの送信を妨げているエラーの配列が表示されます。

Answer 2

これは、検証エラーのリスト（エラー入力のIDと関連するエラーメッセージ）を取得するために機能します。

    if ($('#form').valid()) {

        console.log('FORM VALID');

    } else {

        console.log('FORM INVALID');

        var validator = $('#form').validate();

        $.each(validator.errorMap, function (index, value) {

            console.log('Id: ' + index + ' Message: ' + value);

        });

    }

Answer 3

 var val = $("#form".validate());
 console.log("error list", val);

errorListがそのように機能しない場合は、コンソールに移動してerrorListをクリックしてください。

Answer 4

errorListは、valid（）を含む呼び出しを実行した後にのみ正確に機能するようです。

var validator = jQuery('#form1').validate();
if(jQuery('#form1').valid()){
    var submitErrorsList = new Object();
    for (var i=0;i<validator.errorList.length;i++){
        submitErrorsList[validator.errorList[i].element.name] = validator.errorList[i].message;
    }
}
console.log("Submit Errors", submitErrorsList);