亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

jQuery驗證動態創建的數組輸入元素

jQuery驗證動態創建的數組輸入元素

喵喵時光機 2019-11-04 14:01:21
我有一個要使用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 回答

  • 2 回答
  • 0 關注
  • 507 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號