jquery數據驗證插件(自制,簡單,練手)實例代碼

最近項目中js數據驗證比較多，為了統一風格，移植復用，于是順手封裝了Jquery的插件

代碼如下:

(function($) {
var defaults = {
bugColor: '#FFCCCC', //數據有誤的時候文本框顏色
color: 'white', //數據正確時候文本框顏色
type: "alert", //數據錯誤時候提示方式 alert 彈出框方式 text 賦值span html
msg: "Msg", //數據有誤的時候提示內容
ResOjId: 'no'// 當test方式的時候 被賦值的標簽 #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;
}
}
//驗證ip是否符合格式
$.fn.RegIp = function(options) {
var rexString = /^\d{1,3}\.{1}\d{1,3}\.{1}\d{1,3}/;
return UiProcess(options, rexString, this)
}
//驗證座機是否符合格式
$.fn.RegTelPhone = function(options) {
var rexString = /^[0-9]+[-]?[0-9]+[-]?[0-9]$/;
return UiProcess(options, rexString, this)

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

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

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

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

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

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

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

}
})(jQuery);

調用：

代碼如下:

<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