我有一個要使用jQuery Validation插件進行驗證的表單。我目前在使用array(name="inputname[]")輸入元素時遇到問題,該元素是用jQuery動態創建的.on()。讓我解釋一下這個問題:有一種形式,存在一個名為的輸入文本name[]。有一個按鈕可添加更多輸入文本,該元素使用.on()執行。我單擊了2或3次,因此會有多于1個輸入文本。我單擊提交,該窗體是正確驗證,但它僅驗證第一個創建的數組元素,而不驗證另一個元素。對于完整的代碼,我在這里創建了一個jsfiddle:http : //jsfiddle.net/ThE5K/4/jQuery的:$(document).ready(function () { // MODE 1 // With [] or array name <<<< this one is not working $("#addInput").on('click', function () { $('#inputs').append($('<input class="comment" name="name[]" />')); }); /* MODE 2 Without [] or array name <<<< this one is working var numberIncr = 1; $("#addInput").on('click', function () { $('#inputs').append($('<input class="comment" name="name' + numberIncr + '" />')); numberIncr++; }); */ $('form.commentForm').on('submit', function (event) { $('input.comment').each(function () { $(this).rules("add", { required: true }) }); event.preventDefault(); console.log($('form.commentForm').valid()); }) $('form.commentForm').validate();});HTML:<form class="commentForm"> <div id="inputs"></div> <input type="submit" /> <span id="addInput">add element</span></form>我在其中創建了兩種模式,一種工作模式(不帶數組名的動態輸入文本)和一種不工作模式(帶數組名的動態輸入文本)。我一直在通過那些解決方案,但不幸的是,其中沒有一個起作用:jQuery驗證為數組輸入添加規則jQuery Validate不適用于動態內容jQuery驗證動態輸入數組請幫忙。
- 2 回答
- 0 關注
- 507 瀏覽
添加回答
舉報
0/150
提交
取消