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}/; return UiProcess(options,this) } //验证座机是否符合格式 $.fn.RegTelPhone = function(options) { var rexString = /^[0-9]+[-]?[0-9]+[-]?[0-9]$/; return UiProcess(options,this) } } } } } } } } 调用: 复制代码 代码如下: <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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |