咱們在作表單驗證的時候,極可能咱們不但願一開始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