JQuery.Validateメッセージで動的ルールを追加する

Question

jquery.validateを使用しているフォームがあります。私は当初場合

$("#formName").append(...); 

$("#newInputName").rules("add", { 
    required: true, 
    messages: { 
    required: "Enter something else" 
    } 
}); 

...

$("#formName").validate({ 
    rules: { 
    myExistingInput: { 
     required: true 
    } 
    }, 
    messages: { 
    myExistingInput: { 
     required: "Enter something" 
    } 
    }, 
    ignore: null, // include hidden fields (see below) 
    submitHandler: function(form) { 
    // do stuff 
    }, 
    invalidHandler: function(event, validator) { 
    // do stuff (some of the fields may have been hidden by a collapsible panel 
    // if there is an error on one of those fields, expand the panel so the error 
    // becomes visible) 
    } 
}); 

その後、私は動的にフォームにフィールドを追加し、あまりにもそれらのフィールドのためのルールを追加...ルールとカスタムメッセージのセットで検証呼び出します私は、ブラウザで

Exception occured when checking element newInputName, check the 'messages' method.TypeError: Unable to get property 'call' of undefined or null reference

デバッグ、私はエラーが「チェック」機能の中からスローされて見て、ことができます...私はjquery.validate内からエラーを取得し、フォームを送信」メソッド "変数「メッセージ」に設定されています。

私はコールからのルールにメッセージを削除する場合（、「追加」...

$("#newInputName").rules("add", { 
    required: true 
}); 

期待どおりに動作しますが、明らかに私は今はカスタムエラーメッセージを持っていません。

私が持っていますSO私の構文が正しいことを示すには、ここで多くの例を見て任意の提案は

ところで：jQueryの検証プラグイン - v1.11.0は - 2013年2月4日

Answer 1

あなたのコードがあると思われます。？あなたがそれを投稿したときにエラーなしで作業しています。準備DOMと

DEMO：PageInit &のjQuery Mobileとhttp://jsfiddle.net/UZTnE/

DEMO：http://jsfiddle.net/xJ3E2/

$(document).on("pageinit", function() { 

    $('#myform').validate({ // initialize the plugin 
     rules: { 
      field1: { 
       required: true 
      } 
     }, 
     messages: { 
      field1: { 
       required: "Enter something" 
      } 
     } 
    }); 

    $('[name*="field"]').each(function() { 
     $(this).rules('add', { 
      required: true, 
      messages: { 
       required: "Enter something else" 
      } 
     }); 
    }); 

}); 

HTML：

<form id="myform"> 
    <input type="text" name="field1" /> 
    <input type="text" name="field2" /> 
    <input type="submit" /> 
</form> 

ところで：jQuery Validate - Enable validation for hidden fields

Answer 2

$(document).ready(function(){ 
 
    $("#controlId").rules("add", { 
 
    required : true, 
 
    messages : { required : 'field is required.' } 
 
    }); 
 
});

：

この...

ignore: null, // include hidden fields 

が...

ignore: [], // include hidden fields 

を参照してくださいする必要があります

Answer 3

この古い問題の答えとして、私はルールオブジェクトの中にメサージスを得るためにこれが好きです。あなたはルールを追加した後

あなたは、このようなメッセージを追加することができます。

var inputRules = $('input').rules(); 
inputRules.messages = {required: 'your message'}; 

幸運を！