formValidator BUG

咱們在作表單驗證的時候,極可能咱們不但願一開始tips就本身出來「請輸入手機號」,而換作placeholder直接在文本框提示輸入信息,只有再出錯的時候顯示在右側。這個時候咱們要設置html

$("#mobile").formValidator({tipid:"ps_mobile",onshow:"",oncorrect:"",onfocus:""})ide

主要就是onshow設置爲空,這個時候咱們刷新頁面後會發現即便出錯也沒有顯示出錯消息,用firebug一看才發現原來是錯誤照樣display:none了。想了不少辦法都沒解決,因而只有改formValidator源碼了。spa

解壓縮formValidator後發現會調用setTipState來改變tips的狀態,紅色的文字是本身添加的,目的就是讓出錯信息顯示。orm

setTipState: function(elem, showclass, showmsg) {
            var setting0 = elem.settings[0];
            var initConfig = $.formValidator.getInitConfig(setting0.validatorgroup);
            var tip = $("#" + setting0.tipid);
            if (showmsg == null || showmsg == "") {
                tip.hide()
            } else {
                if (initConfig.tidymode) {
                    $("#fv_content").html(showmsg);
                    elem.Tooltip = showmsg;
                    if (showclass != "onError") {
                        tip.hide()
                    }
                }
                tip.removeClass();
                tip.addClass(showclass);
                tip.html(showmsg);
                //modify by xiangli 20140727
                if (showclass == "onError") {
                    tip.show()
                }
                //modify by xiangli 20140727end

            }
        },
htm

相關文章
相關標籤/搜索