2012-01-04 5 views
0

フォームを検証するためにjquery(最新の[1.7.1])validtion(最新の[1.9.0])プラグインを使用しています。エラーメッセージを表示するにはalert()関数を使用する必要があります。my sorce以下のコード。[jquery validation plugin]選択ボックスをクリックしたときに「警告()」を防止する方法は?

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>test_validation</title> 
<style> 
    *{margin:0;padding:0;} 
</style> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> 
</head> 

<body> 
    <form id="form1" action="" style="text-align:center;"> 
     <select name="select"><option value=""></option><option value="1">1</option><option value="2">2</option></select> 
     <br /> 
     <input type="submit" value="submit" name="submit" /><input type="button" value="cancel" name="cancel" /> 
    </form> 
<script> 
    $(function(){ 
     $("#form1").validate({ 
      rules:{ 
       "select":"required" 
      }, 
      messages:{ 
       "select":"required" 
      }, 
      onkeyup:false, 
      //showErrors:function(errorMap,errorList) { 
//    if(errorList[0]){ 
//     alert(errorList[0].message); 
//    } 
//    
//   }, 
      errorPlacement:function(error,element){ 
       alert(error.text()); 
      } 
     }); 
    }); 
</script> 
</body> 
</html> 

私はメッセージが警告、私は送信ボタンをクリックすると、デフォルトの表示をオーバライドするために二つの方法(「showErrors」または「errorPlacement」)をしようとしています私は選択をクリックしたとき、それは、ok.Thenですボックスで有効な値を選択すると、メッセージが再び警告されます!実際に値を選択することはできません。何が問題なのですか?

答えて

0

onclick: falseをオプションに追加します。これにより、ボタンのonclick検証が無効になります。

+0

これにより、チェックボックスとラジオボタンも無効になります。選択ボックスのみを適用する方法はありますか? – fancy

+0

正確には、私が懸念している限り、提出時にフォームをチェックすれば十分です。 – qiao

関連する問題