jquery數(shù)據(jù)驗(yàn)證插件(自制,簡單,練手)實(shí)例代碼
(function($) {
var defaults = {
bugColor: '#FFCCCC', //數(shù)據(jù)有誤的時(shí)候文本框顏色
color: 'white', //數(shù)據(jù)正確時(shí)候文本框顏色
type: "alert", //數(shù)據(jù)錯誤時(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>
相關(guān)文章
基于jquery實(shí)現(xiàn)點(diǎn)擊左右按鈕圖片橫向滾動
點(diǎn)擊左右按鈕圖片橫向滾動jquery,一次滾動四個(gè),圖片滾動完成,自動回到第一個(gè)版面,效果相當(dāng)不錯,感興趣的前端工程師們可以參考下2013-04-04JQuery 初體驗(yàn)(建議學(xué)習(xí)jquery)
最近從朋友那兒聽說,寫JavaScript,JQuery是個(gè)不錯的東東,市場份額達(dá)到70%之巨。所以去下載了一份體驗(yàn)了一下。2009-04-04Javascript 使用ajax與C#獲取文件大小實(shí)例詳解
本文章向碼農(nóng)們介紹了js ajax獲取文件大小的實(shí)例,涉及JavaScript調(diào)用ajax交互及后臺C#文件操作的相關(guān)技巧,需要的朋友可以參考下2017-01-01