溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery數(shù)據(jù)驗(yàn)證插件(自制,簡(jiǎn)單,練手)實(shí)例代碼

發(fā)布時(shí)間:2020-06-23 09:55:50 來源:網(wǎng)絡(luò) 閱讀:304 作者:xiaoxuanyunmeng 欄目:web開發(fā)

最近項(xiàng)目中js數(shù)據(jù)驗(yàn)證比較多,為了統(tǒng)一風(fēng)格,移植復(fù)用,于是順手封裝了Jquery的插件

代碼如下:

(function($) {
var defaults = {
bugColor: '#FFCCCC', //數(shù)據(jù)有誤的時(shí)候文本框顏色
color: 'white', //數(shù)據(jù)正確時(shí)候文本框顏色
type: "alert", //數(shù)據(jù)錯(cuò)誤時(shí)候提示方式 alert 彈出框方式 text 賦值span html
msg: "Msg", //數(shù)據(jù)有誤的時(shí)候提示內(nèi)容
ResOjId: 'no'// 當(dāng)test方式的時(shí)候 被賦值的標(biāo)簽 #id
};
function UiProcess(options, rexString, object) {
var options = $.extend(defaults, options);
var values = object.val();
if (rexString.test(values)) {
object.css("backgroundColor", options.color);
return true;
} else {
object.css("backgroundColor", options.bugColor);
if (options.type == "alert") {
alert(options.msg);
}
if (options.type == "text") {
$(options.ResOjId).html(options.msg);
}
return false;
}
}
//驗(yàn)證ip是否符合格式
$.fn.RegIp = function(options) {
var rexString = /^\d{1,3}\.{1}\d{1,3}\.{1}\d{1,3}/;
return UiProcess(options, rexString, this)
}
//驗(yàn)證座機(jī)是否符合格式
$.fn.RegTelPhone = function(options) {
var rexString = /^[0-9]+[-]?[0-9]+[-]?[0-9]$/;
return UiProcess(options, rexString, this)

}
//驗(yàn)證手機(jī)是否符合格式
$.fn.RegMombilePhone = function(options) {
var rexString = /(^189\d{8}$)|(^13\d{9}$)|(^15\d{9}$)/;
return UiProcess(options, rexString, this)

}
//驗(yàn)證中文是否符合格式
$.fn.RegCHZN = function(options) {
var rexString = /[\u4e00-\u9fa5]/;
return UiProcess(options, rexString, this)

}
//驗(yàn)證decimal是否符合格式
$.fn.RegDecimal = function(options) {
var rexString = /^[0-9]+[.]?[0-9]+$/;
return UiProcess(options, rexString, this)

}
//驗(yàn)證decimal保留一位小數(shù)是否符合格式
$.fn.RegDecimalSign = function(options) {
var rexString = /^[+-]?[0-9]+[.]?[0-9]+$/;
return UiProcess(options, rexString, this)

}
//驗(yàn)證整數(shù)保留一位小數(shù)是否符合格式
$.fn.RegNumber = function(options) {
var rexString = /^[0-9]+$/;
return UiProcess(options, rexString, this)

}
//驗(yàn)證各位整數(shù)保留一位小數(shù)是否符合格式
$.fn.RegNumberSign = function(options) {
var rexString = /^[+-]?[0-9]+$/;
return UiProcess(options, rexString, this)

}
//驗(yàn)證非空字符
$.fn.IsEmpty = function(options) {
var rexString = /(^.+$)|([\u4e00-\u9fa5])/;
return UiProcess(options, rexString, this)

}
})(jQuery);

調(diào)用:

代碼如下:

<script type="text/javascript">
function submitOk() {
var interfaceNameInput = $("#<%=interfaceName.ClientID %>");
var userNameInput = $("#<%=userName.ClientID %>");
var passWordInput = $("#<%=passWord.ClientID %>");
var interfaceUrlInput = $("#<%=interfaceUrl.ClientID %>"); ;
if (!interfaceNameInput.IsEmpty({ "msg": "接口名稱格式不正確!" })) { return false }
if (!userNameInput.IsEmpty({ "msg": "格式不正確!" })) { return false }
if (!passWordInput.IsEmpty({ "msg": "格式不正確!" })) { return false }
if (!interfaceUrlInput.IsEmpty({ "msg": "格式不正確!" })) { return false }
}
</script>

unity3d http://www.unitymanual.com

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI