[解決済み] jQueryの検証エラーメッセージを消すには？

質問

クライアントサイドの検証にjQuery validationプラグインを使用しています。 機能 editUser() は、'Edit User' ボタンをクリックしたときに呼び出され、エラーメッセージを表示します。

しかし、私はフォーム上のエラーメッセージを消去したいので、'Clear' ボタンをクリックすると、別の関数が呼び出されます。 clearUser() .

function clearUser() {
    // Need to clear previous errors here
}

function editUser(){
    var validator = $("#editUserForm").validate({
        rules: {
            userName: "required"
        },
        errorElement: "span",
        messages: {
            userName: errorMessages.E2
        }
    });

    if(validator.form()){
        // Form submission code
    }
}

解決方法は？

を使用する必要があります。 resetForm() メソッドを使用します。

var validator = $("#myform").validate(
   ...
   ...
);

$(".cancel").click(function() {
    validator.resetForm();
});

のソースから掴みました。 デモの一つ .

注：このコードはBootstrap 3では動作しません。