1

HTMLリテラルから作成された入力にいくつかの検証ルールを追加しようとしています。

これは私のフィドルです: http://jsfiddle.net/idoxobi/HW4xY/1/

HTML:

<form id='form' method='post' >
    <div id='details'>
    </div>
    <a id='Add' href='javascript:void()'>Add</a>
    <br />
    <input type='submit' />
</form>

JavaScript:

$(document).ready(function() {
    $('#form').validate();
    var input = "<input type='text' class='item' name='item' />";
    $('#Add').click(function() {
        $('#details').append(input+'<br />');
        $('#details input:last').rules('add', {
            required: true
        });
    });
})

最初の要素だけでルールを認識しているように見えますが、他の要素は検証なしで合格します。

このプラグインを使用するのは初めてですが、フォーラムでは誰もがこれで問題なく動作するはずだと言っています。

助言がありますか？

4

2 に答える 2

0

入力フィールド名はそれぞれ同じで、@YD1mによって修正されているため、私の方法は次のとおりです。

$(document).ready(function() {
    $('#form').validate();
    var counter = 0;
    $('#Add').click(function() {
        counter++;
        $('#details').append("<input type='text' class='item required' name='item_" + counter + "' />" + '<br />');
    });
});
于 2013-06-24T20:24:25.470 に答える