亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery Validate驗證表單時多個name相同的元素只驗證第一個的解決方法

2019-11-19 18:17:10
字體:
來源:轉載
供稿:網友

下面搜集了五種方法,主要還是前兩個提供了解決方案,第三種需要修改jQuery源碼:

修復jquery.validate插件中name屬性相同(如name='a[]‘)時驗證的bug

使用jQuery.validate插件http://jqueryvalidation.org/,當節點的name相同時候,腳本特意忽略剩余節點,導致所有相關節點的errMsg都顯示在第一個相關節點上。這個bug在動態生成表單時候影響比較大。

通過查詢資料,找到一個解決方案:

http://stackoverflow.com/questions/931687/using-jquery-validate-plugin-to-validate-multiple-form-fields-with-identical-nam

具體內容為

$(function () {if ($.validator) { //fix: when several input elements shares the same name, but has different id-ies.... $.validator.prototype.elements = function () { var validator = this,  rulesCache = {}; // select all valid inputs inside the form (no submit or reset buttons) // workaround $Query([]).add until http://dev.jquery.com/ticket/2114 is solved return $([]).add(this.currentForm.elements) .filter(":input") .not(":submit, :reset, :image, [disabled]") .not(this.settings.ignore) .filter(function () {  var elementIdentification = this.id || this.name;  !elementIdentification && validator.settings.debug && window.console && console.error("%o has no id nor name assigned", this);  // select only the first element for each name, and only those with rules specified  if (elementIdentification in rulesCache || !validator.objectLength($(this).rules()))  return false;  rulesCache[elementIdentification] = true;  return true; }); };}});

在頁面上引入以上代碼,然后給相關節點加上id屬性,當name屬性相同時候會以id屬性來驗證

-------------------------------------------------------------------------------------------

用下面這種方式應該能解決:(http://stackoverflow.com/questions/2589670/using-jquery-validate-with-multiple-fields-of-the-same-name

$(function(){ $("#myform").validate(); $("[name=field]").each(function(){ $(this).rules("add", { required: true, email: true, messages: {  required: "Specify a valid email" } });  });});

----------------------------------------------------------------------------------

jquery.validate.js 相同name的多個元素只能驗證第一個元素的解決辦法

動態生成的相同name的元素驗證只會取第一個.

很惱火的問題.只有將jquery.validate.js中的對相同name的元素判斷注釋掉.

但是不知道會不會引起其他地方的BUG

希望以后jquery.validate.js能做針對元素ID進行驗證而不僅僅針對元素name驗證.

方法:

將484行的代碼注釋掉即可

  // select only the first element for each name, and only those with rules specified if ( this.name in rulesCache || !validator.objectLength($(this).rules()) ) { return false; }

注釋成

  // select only the first element for each name, and only those with rules specified /*if ( this.name in rulesCache || !validator.objectLength($(this).rules()) ) { return false; }*/

-----------------------------------------------------------------------------------------------------------------------------------------

<html> <head> <link href="style.css" rel="stylesheet"><script src="assets/js/jquery-1.7.1.min.js"></script><script src="assets/js/jquery.validate.js"></script><script type="text/javascript">$(document).ready(function(){$('#contact-form').validate();$(":text").each( function(){  $(this).rules( "add", { required:true, minlength: 2 }) });});</script> </head> <body> <form action="" id="contact-form" class="form-horizontal">  <p> <input type="text" name="test_a" id="a"><br> <input type="text" name="test_a" id="b"><br> <input type="text" name="test_a" id="c"><br> <button type="submit" class="btn btn-primary btn-large">Submit</button> <button type="reset" class="btn">Cancel</button>  </form>  </body></html>

這個表單的input 是隨機生成的,所以name都是相同的,我現在要用jquery.validate.js來驗證輸入,現在只校驗了第一id=‘a' 的,怎么讓我驗證所有的?

你這么寫其實是添加驗證成功的了,驗證會被執行,只是submit的時候不是你想要的效果。

你可以試試,輸入第一個框后,在第二個框里點一下不輸入再點到第三個框。
可以看到驗證的邏輯被執行了。

分析一下原因:

 jquery.validate 這個插件在生成rules的時候是按name來生成的,也就是說,你的表單其實只添加了一條驗證rule:就是對name=test_a的字段做非空和最小長度驗證。

當輸入框失去焦點時會觸發這條規則,因為每個input的name都是test_a,可以命中rules中的規則

當submit的時候,同樣會調用{'test_a': { required:true, minlength: 2}}這條規則, 只不過這條規則會被通過,因為已經有一個test_a字段達到了規則的要求。

追問

那怎么實現submit的時候全部校驗呢?

回答

修改input的name, 動態生成不同的name

追問

我使用class的方式還是只檢驗一個?。壳蠼?br />

回答

嗯,我也試了,是不行。所以建議修改name, 或者不用jq的插件
---------------------------------------------------------------------------------------------------------------------------------------------

function validate(){ var result=true; $("input[name='你定義的name']").each(   function(){   if($(this).val()=="")      {    alert("請輸入");    $(this).focus();    result=false;    return;   }  }); return result;}

以上所述是小編給大家介紹的jQuery Validate驗證表單時多個name相同的元素只驗證第一個的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲第一色中文字幕| 精品丝袜一区二区三区| 久色乳综合思思在线视频| 欧美日韩国产一区中文午夜| 91精品在线播放| 欧美日韩一区二区在线| 欧美一区二区三区精品电影| 精品国产一区二区三区在线观看| 午夜精品免费视频| 久久久中精品2020中文| 亚洲r级在线观看| 亚洲日韩中文字幕| 亚洲免费视频在线观看| 国产一级揄自揄精品视频| 国产精品色午夜在线观看| 精品久久久久久久久久久久久久| 国产精品视频区1| 欧美成人午夜激情视频| 中文字幕日韩精品有码视频| 在线国产精品播放| 欧美精品www| 亚洲综合中文字幕在线| 萌白酱国产一区二区| 欧美精品videosex性欧美| 插插插亚洲综合网| 777777777亚洲妇女| 成人精品网站在线观看| 岛国av午夜精品| 91av国产在线| 亚洲大胆人体视频| 国产日韩在线看片| 欧美性xxxx| 97国产精品久久| 久久久久免费精品国产| 亚洲www永久成人夜色| www国产精品com| 日韩av影院在线观看| 欧美性做爰毛片| 欧美一级淫片播放口| 热99久久精品| 日韩欧美一区二区三区| 国产精品综合久久久| 一本色道久久88综合日韩精品| 色偷偷88888欧美精品久久久| 国产精品一区二区性色av| 超薄丝袜一区二区| www.日韩av.com| 97avcom| 欧美一区深夜视频| 日韩欧美在线看| 欧美性高潮在线| 日韩视频一区在线| 欧美黑人xxxⅹ高潮交| 久久精品国产精品亚洲| 亚洲视频在线免费观看| 国产精品偷伦视频免费观看国产| www.欧美精品一二三区| 最近2019中文字幕大全第二页| 成人国内精品久久久久一区| 国产91精品青草社区| 91久久夜色精品国产网站| 国产91精品不卡视频| 国产精品一区二区三| 国产精品国产三级国产专播精品人| 97超级碰碰碰久久久| 日韩视频永久免费观看| 日本一区二区三区四区视频| 日韩av三级在线观看| 日韩一区二区在线视频| 日韩大陆欧美高清视频区| 国产mv免费观看入口亚洲| 国产精品久久久久久婷婷天堂| 精品综合久久久久久97| 亚洲精品国产精品久久清纯直播| 亚洲一区二区中文| 久热精品视频在线观看| 精品福利樱桃av导航| 国产精品久久久久999| 91av视频导航| 久久久亚洲国产| 黑人巨大精品欧美一区免费视频| 久久深夜福利免费观看| 精品视频在线播放色网色视频| 亚洲自拍高清视频网站| 欧美自拍大量在线观看| 亚洲福利精品在线| 亚洲精品国产综合区久久久久久久| 中文日韩在线观看| 成人在线视频网| 国产精品美女999| 欧美大成色www永久网站婷| 欧美日韩国产丝袜美女| 北条麻妃一区二区三区中文字幕| 亚洲精品网站在线播放gif| 亚洲天堂av在线免费| 日韩免费中文字幕| 伊人伊成久久人综合网站| 欧美日韩一区免费| 自拍偷拍亚洲在线| 欧美日韩午夜激情| 国产欧美一区二区三区在线看| 一区二区三区回区在观看免费视频| 一区二区中文字幕| 91中文精品字幕在线视频| 欧美猛交免费看| 日韩精品免费看| 亚洲高清免费观看高清完整版| 热re91久久精品国99热蜜臀| 欧美电影免费观看网站| 精品久久久久久久久久| 久久噜噜噜精品国产亚洲综合| 亚洲精品一区久久久久久| 亚洲丁香久久久| 亚洲色图美腿丝袜| 国产午夜精品美女视频明星a级| 狠狠爱在线视频一区| 欧美一级电影免费在线观看| 国产又爽又黄的激情精品视频| 2020欧美日韩在线视频| 日韩一区在线视频| 欧美精品18videos性欧| 亚洲一区二区三区在线视频| 国产精品亚洲第一区| 91在线色戒在线| 国产精品久久二区| 91成品人片a无限观看| 亚洲色图18p| 亚洲国产精品人人爽夜夜爽| 欧美日韩国产成人| 欧美成人亚洲成人| 日韩成人在线视频| 亚洲精品久久久一区二区三区| 国产亚洲人成网站在线观看| 久久精品色欧美aⅴ一区二区| 热久久免费视频精品| 97国产精品久久| 日韩在线观看视频免费| 伊人久久精品视频| 日韩理论片久久| 日韩在线视频网站| 亚洲激情视频在线| 国产精品69久久久久| 亚洲性视频网址| 日韩毛片在线观看| 欧美中文字幕第一页| 久久精品国产电影| 亚洲精品国产精品乱码不99按摩| 亚洲国产精品人人爽夜夜爽| 日本韩国欧美精品大片卡二| 国产免费一区视频观看免费| 亚洲欧美成人精品| 亲爱的老师9免费观看全集电视剧| 国产精品入口免费视| 亚洲精品资源在线| 日韩av在线一区| 黑人与娇小精品av专区| 中文字幕亚洲在线| 国产日韩欧美在线播放| 国产午夜精品理论片a级探花| 亚洲图片欧美午夜| 一个人看的www久久| 亚洲欧美另类人妖| 国产视频精品自拍| 日本人成精品视频在线|