2012-04-16 13 views
0

なった直後、私は以下のようなフォームにjQueryの検証プラグインを使用しようとしている:jQueryの検証プラグイン - 除去されていないエラーメッセージフィールドが有効

JS:

<script src="jquery-1.7.1.js" type="text/javascript"></script> 
<script src="jquery.validate.js" type="text/javascript"></script> 
<script> 
function ValidateFields() { 

    $("#createProgramForm").validate({ 
     rules: { 
      firstname: { required: true, minlength: 2 }, 
      lastname: { required: true } 
     }, 
     messages: { 
      firstname: { minlength: "Minimum 2 characters." }, 
      lastname: { required: "Please enter a last name." } 
     } 
    }); 


    if ($("#createProgramForm").valid()) { 
     alert("Form is valid"); 
    } 

} 
</script> 

はHTML:

<body> 
<div id="page"> 
    <form id="createProgramForm"> 
     <p> 
      <label for="firstname"> 
       First Name</label> 
      <input name="firstname" id="firstname" type="text" /> 
     </p> 
     <p> 
      <label for="lastname">First Name</label> 
      <input name="lastname" id="lastname" type="text" /> 
     </p> 
     <p> 
      <button onclick="ValidateFields();">Validate</button> 
     </p> 
    </form> 
</div> 
</body> 

[検証]をクリックすると、検証エラーメッセージがフィールドの横に表示されます。しかし、エラーメッセージは、フィールドがデモhereのように有効になると消えません。誰がなぜこれが起こるのか知っていますか?

+1

です。成功のように設定すると、success:function(){}が問題を解決しました。 – JSRookie

答えて

0

ええ、私のために働く。おそらく、最新のjquery.validateプラグインを試してみてください。私が使用したバージョンはhere

+0

最新の検証プラグインがあります。しかし、まだデモのように動作しません。私はIE 9を使用しています。 – JSRookie

関連する問題