天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

jQuery Validation插件remote驗證方式的Bug

  jQuery插件很多,其中一個重要的插件便是jQuery Validation,它的作用是對表單進行驗證,還上了jQuery官網。不過奇怪的是,最近用下來感覺有些古怪,因為好像有些死板,已有功能的應變能力還不強,甚至還有個奇怪的Bug。任何項目有Bug其實也正常,但這個Bug其實是一個文檔上已經記載了,卻沒有實現的功能,這就有些說不過去了。這個問題便出在remote驗證方式上,還好修改起來非常容易,在此記錄一下,也方便以后的參考。

  在表單驗證時,有時候會需要發(fā)一個AJAX請求去服務器上進行判斷,例如在用戶注冊時檢查用戶名是否存在。jQuery Validation插件提供了一種remote方式來實現這一點。例如我可以這樣驗證表單:

<form id="regForm">    <input type="text" name="userName" />form><script language="Javascript">    $('#regForm').validate({        'rules': {            'userName': {                'required': true,                'remote': '/account/verify'            }});script>

  這樣,jQuery Validation便會請求“/account/verify?userName=jeffz”這樣的URL來獲取true/false。可惜的是,我們在使用ASP.NET MVC時,往往會將input的name寫為特定的形式,目的是利用DefaultModelBinder的強大綁定功能。例如:

<form id="regForm">    <input type="text" id="userName" name="user.Name" />form>

  與此同時,我們用來進行驗證的Action方法,它的參數名可能也有所不同:

public ActionResult Verify(string name) { ... }

  根據文檔描述,此時我們應該這樣寫:

$('#regForm').validate({    'rules': {        'user.Name': {            'remote': {                url: '/account/verify',                data: {                    name: function() { return $("#userName").val(); }                }}}}});

  可是,從實際效果來看,jQuery還是在請求“/account/verify?user.Name=jeffz”,百思不得其解。確認在三之后只得求助于jquery.validation.js源碼,看后差點暈過去:

remote: function(value, element, param) {    if ( this.optional(element) )        return "dependency-mismatch";    ...    param = typeof param == "string" && {url:param} || param;     if ( previous.old !== value ) {        previous.old = value;        var validator = this;        this.startRequest(element);        var data = {};         data[element.name] = value; // data還是以element.name為準?        $.ajax($.extend(true, {            url: param,            mode: "abort",            port: "validate" + element.name,            dataType: "json",            data: data,            success: function(response) {                ...

  我很奇怪,不知道為什么會這樣做,這樣根本沒有起到指定參數名的作用。那么,改吧:

remote: function(value, element, param) {    if (this.optional(element))        return "dependency-mismatch";    ...    param = typeof  param == "string" && {url:param} || param;    if (previous.old !== value) {        previous.old = value;        var validator = this;        this.startRequest(element);        var data = {};        data[element.name] = value;        $.ajax($.extend(true, {            // url: param,            url: param.url,            mode: "abort",            port: "validate" + element.name,            dataType: "json",            // data: data,            data: param.data || data,            success: function(response) {                ...

  修改兩處即可,問題就此解決。只可惜,jquery.validate.min.js類似的文件只能自己進行壓縮了。

  居然會出現這樣的問題,實在令人費解。

it知識庫jQuery Validation插件remote驗證方式的Bug,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 伊人久久丁香色婷婷啪啪 | 日本撒尿特写 | 亚洲AV成人片色在线观看网站 | 99国内精精品久久久久久婷婷 | yellow2019在线观看视频 | 久久久无码精品亚洲A片猫咪 | 99热成人精品国产免男男 | 天天拍拍国产在线视频 | 一区一区三区产品 | 国产精品第十页 | 国产国产乱老熟女视频网站97 | 果冻传媒视频在线播放 免费观看 | a久久99精品久久久久久蜜芽 | 四虎精品久久久久影院 | 色AV色婷婷97人妻久久久 | 好妞操| 欧美特级午夜一区二区三区 | WRITEAS塞红酒瓶| 国内精品久久影视免费 | 一区二区中文字幕在线观看 | 99久久麻豆AV色婷婷综合 | 国产精品野外AV久久久 | 美女脱光app | 特黄特色大片免费播放器试看 | 欧美同志高清vivoeso | www.av一区 | 天天爽夜夜爽8888视频精品 | 无套内谢大学生A片 | 日韩精品久久久久影院 | 一本大道香蕉中文在线视频观看 | 乱子伦在线观看中文字幕 | Y8848高清私人影院软件优势 | 欧美14videosex性欧美成人 | 挺进老师的紧窄小肉六电影完整版 | 欧美.亚洲.日韩.天堂 | 久久99热在线观看7 久久99热狠狠色一区二区 | 在线播放真实国产乱子伦 | 精品无人区一区二区三区 | xnxx18美女| 精品国产一区二区三区久久影院 | 亚洲精品久久久久中文字幕二区 |