layui笔记


最近在用layui,遇到了一些坑,记一下,以便以后重复踩坑


表单:

表单验证

表单验证规则是正则表达式

常用正则

  1. 中文字符: [\u4e00-\u9fa5]
  2. 双字节字符:[^\x00-\xff]
  3. 英文字母:[a-zA-Z]
  4. 数字:[0-9]
  5. 中文,英文字母、数字下划线:^[\u4e00-\u9fa5_a-zA-Z0-9]+$
  6. 规则+限制字符数量:[规则]{1,999}

模块引用

form.verify({
username: function(value, item){ //value:表单的值、item:表单的DOM对象
if(!new RegExp("规则").test(value)){
return '提示语';
}
if(/规则/.test(value)){
return '提示语2';
}
}
上述为函数式 下述数组形式
数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
,pass: [
/规则/
,'提示语'
]
}); //我当然喜欢数组,多省力气

上述加载代码需要放在form加载代码里才能生效

<script>
//Demo
layui.use('form', function(){
var form = layui.form;
form.verify({

pass: [
/规则/
,'提示语'
]

});

});
</script>

lay-verify 需放在input标签中才能生效 ,不可放在父级


2019.7.2


声明:阿硕的博客|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - layui笔记


Carpe Diem and Do what I like