jquery数据验证插件(自制,简单,练手)实例代码
jquery数据验证插件(自制,简单,练手)实例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:(function($){vardefaults={bugColor:'#FFCCCC',//数据有误的时候文本框颜色co...

复制代码 代码如下:

(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 = /(^189d{8}$)|(^13d{9}$)|(^15d{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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类