2011-01-04 11 views
0

そこにいる人。bassistance jqueryのバリデーションプラグインで愚かな問題

bassistance jqueryバリデーションを使用して、単純なページの奇妙な動作に混乱します。要するに、2つの入力フィールドがあり、どちらも「必須」とマークされています。問題は、プラグインが最初のフィールドだけの検証であると思われることです。

これは私のテストの抜粋です:

<html> 
<head> 
    <script type="text/javascript" src="[path to my app]/js/jquery-1.4.3.min.js"></script> 
    <script type="text/javascript" src="[path to my app]/js/jquery.validate.min.js"></script> 
</head> 

<body> 
    <form id="testForm"> 
    <input id="field1" type="text" class="required"/> 
    <input id="field2" type="text" class="required"/> 

    <button>Query</button> 
    </form> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
    $("#testForm").validate(); 
    }); 
    </script> 
</body> 
</html> 

QueryボタンでIをクリックすると、(正しく表示)エラーメッセージが最初のフィールドにではなく、二番目に提示されます。

私がここで間違っていることを知っている人がいますか?

答えて

5

あなたの入力フィールドには、名前を持っている必要があります。

<input id="field1" name="field1" type="text" class="required" /> 
<input id="field2" name="field2" type="text" class="required" /> 

そして、ここではworking demoです。

+0

正確に。私は同様の問題を抱えていましたが、問題を見つけるのにしばらく時間がかかりました。特に私のHTMLコードで始まったわけではありません。 – BernardMarx

+0

ありがとうダーリンとバーナード。これは恥ずかしいです。これは私がオフィスの外で30日後に得る問題の種類です:-)皆さんありがとう! –

関連する問題