下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:layui常用的验证

作者:魏洋     来源: https://www.cnblogs.com/wyge/p/11937229.html点击数:1319发布时间: 2020-03-15 09:16:21

标签: HtmlCSSlayui

Web开发

  layui首个版本发布于2016年秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

  varLayVerifyExtend={

  notnullNonnegativeInteger:function(value,item){//value:表单的值、item:表单的DOM对象

  if(!/^-?(?:\\d+|\\d{1,3}(?:,\\d{3})+)(?:\\d+)?$/.test(value))

  return'只能输入非负整数!';

  },

  maxlength:function(value,item){//value:表单的值、item:表单的DOM对象

  if(GetLength(value)>item.maxLength)

  return'只能输入'+item.maxLength+'个字符!';

  },

  PHONE:function(value,item){//value:表单的值、item:表单的DOM对象(验证手机号非必填)

  if(value.length>0&&value!=""&&!(/^1[3456789]\\d{9}$/.test(value)))

  return'手机号格式错误!';

  },

  IdCard:function(value,item){//验证身份证号是否正确

  //varreg=/(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)/;

  //if(reg.test(value)===false){

  //return'身份证格式错误!';

  //}

  varval=value;

  if(val==''){

  //身份证号不能为空

  //return'身份证号不能为空!';

  }

  else{

  if(val.length==18&&val.substr(val.length-1,val.length)=="x"){

  val=val.substring(0,17)+"X";

  $(item).val(val.substring(0,17)+"X");

  }

  if(!CheckIdCard(val)){

  return'身份证格式错误!';

  }

  }

  },

  faxandphone:function(value,item){//固话与手机验证,非必填

  varreg=/^((0\\d{2,3}-\\d{7,8})|(1[357894]\\d{9}))$/;

  if(value.length>0&&reg.test(value)===false){

  return'电话格式错误!';

  }

  },

  PositiveInteger:function(value,item){//非空的正整数

  debugger;

  varreg=/^[+]{0,1}(\\d+)$/

  if(value.length>0&&reg.test(value)===false)

  return'只能输入正整数!';

  },

  morezero:function(value,item){//大于等于0

  if(!/^[+]{0,1}(\\d+)$|^[+]{0,1}(\\d+\\.\\d+)$/.test(value))

  return'只能输入大于等于0的数!';

  },

  nullormorezero:function(value,item){//大于等于0

  if(value!=''){

  if(!/^[+]{0,1}(\\d+)$|^[+]{0,1}(\\d+\\.\\d+)$/.test(value))

  return'只能输入大于等于0的数!';

  }

  }

  }

  //加载公共验证方法库

  form.verify(LayVerifyExtend);

  layui,是一款采用自身模块规范编写的前端UI框架,遵循原生Html/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发

赞(15)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程