为了账号安全,请及时绑定邮箱和手机立即绑定

jquery数据验证插件(自制,简单,练手)实例代码

标签:
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

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消