動態填充字段的Jquery驗證

Question

我有問題讓Jquery驗證在動態填充的字段上正常工作。 首先我使用asp.net，所以我需要我的名字字段保持不變，因為在服務器端我拉動信息數組拆分和更新數據庫。

         <form id="insert_additions" action="http://yahoo.com" method="post">
<label>
    Name1<input type="text" name="testing" value="" required/>
</label>
<label>
    Name2<input type="text" name="box_setup"  required value="" />
</label>
<label>
    Comments:&nbsp<input type="text" name="comments" value="" /></label><br />
<div id="work"></div>
<br />
<hr align="left" width="50%"/>
<span style="margin: 0 0 0 300px;">
    <input class="submit" type="submit" value="Submit">
    <input type="button" id="addbutton" class="flatBtn" value="Add Another Project Line" /></span>
</form>

這是添加字段的代碼

var work_count = 2;
$("#addbutton").click(function () { //sets up the validator
    //Html to create a new field
    var newField = "<hr align='left' width='50%'>\
        <label>Name1\
        <input type='text' name='testing"+work_count+"' required size='8'  value='' \
        </label>\
        <label>Name2\
        <input type='text' name='box_setup' required value='' />\
        </label>\
        <label>Comments:\
        <input type='text' name='comments' value='' />\
        </label>\
    ";
    $("#work").before(newField);
    $('input[id="testing'+work_count+'"]').rules("add", {  // <- apply rule to new field
        required: true
    });
    work_count++;
});

正如您所看到的，我嘗試在javascript中添加validate.rules（），以便在將新輸入添加到頁面時，它還可以插入新規則。 我試過制作id變量，但我不確定我做錯了什么。 驗證僅適用於第一組字段。 我已閱讀並試圖實現我在本網站上閱讀過的各種解決方案，但我剛剛失去了我已經開始對着我的鍵盤敲打頭了。 任何幫助都會很棒我欣賞並喜歡這個網絡論壇。

Answer 1

如何通過jquery設置屬性？

$('input[name="testing'+work_count+'"]').attr('required', true);

順便說一句，你添加的輸入沒有id屬性。 所以：

$('input[id="testing'+work_count+'"]').rules("add"

應該

$('input[name="testing'+work_count+'"]').rules("ad