web前端：layui常用的验证

作者:魏洋更新于： 2020-03-13 22:06:41

　　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&®.test(value)===false){

　　return'电话格式错误！';

　　}

　　},

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

　　debugger;

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

　　if(value.length>0&®.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的每一处细节都经过精心雕琢，非常适合界面的快速开发。