我有一個(gè)要使用jQuery Validation插件進(jìn)行驗(yàn)證的表單。我目前在使用array(name="inputname[]")輸入元素時(shí)遇到問(wèn)題,該元素是用jQuery動(dòng)態(tài)創(chuàng)建的.on()。讓我解釋一下這個(gè)問(wèn)題:有一種形式,存在一個(gè)名為的輸入文本name[]。有一個(gè)按鈕可添加更多輸入文本,該元素使用.on()執(zhí)行。我單擊了2或3次,因此會(huì)有多于1個(gè)輸入文本。我單擊提交,該窗體是正確驗(yàn)證,但它僅驗(yàn)證第一個(gè)創(chuàng)建的數(shù)組元素,而不驗(yàn)證另一個(gè)元素。對(duì)于完整的代碼,我在這里創(chuàng)建了一個(gè)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>我在其中創(chuàng)建了兩種模式,一種工作模式(不帶數(shù)組名的動(dòng)態(tài)輸入文本)和一種不工作模式(帶數(shù)組名的動(dòng)態(tài)輸入文本)。
- 2 回答
- 0 關(guān)注
- 395 瀏覽
添加回答
舉報(bào)
0/150
提交
取消