javascript - jQuery検証-各フィールドのエラーメッセージを表示します

Question

http://jsfiddle.net/nXqd/qC2Ya/6/

jsfiddleを見てください。2つの入力に間違ったデータを入力して[送信]をクリックすると、最初の入力でのみエラーメッセージが表示されます。nameここで、フォームの属性も表示される2つが必要です。

この例では、バックエンドでこれらの値を簡単に取得できるように、意図的に同じ名前を使用しています。リストをループして、すべての情報を取得します。

Answer 1

あなたはそれを誤解している。両方のフィールドに同じ名前を追加しました。同じ名前の属性を使用して、グループ内のフィールドを結合します。クラスベースの検証を使用する必要があります。

Answer 2

作業デモ http://jsfiddle.net/xr5g6/1/

それがあなたのニーズに合うことを願っています。:)

コード

$("form").validate({
    rules: {
        number: {required: true, range: [1,2]},
        number2: {required: true, range: [1,2]}
    }
});

<strong> html

<form name="myForm">
<fieldset>
<legend>My Form</legend>
    <label for='number'>Number</label>
    <input name='number'class='required'/> <br />
    <label for='number'>Number</label>
    <input name='number2' class='required'/>
    <label for='change-range'>Max range</label>
    <input name='change-range' class='required'/>
</fieldset>
<input type="submit">
</form>
​

Answer 3

name入力ごとに異なる属性を使用する必要があります。

デモ： http： //jsfiddle.net/xYTNw/