好的，关于
layui 表单校验，你可以参考以下代码：
```html
<form class="
layui-form" action="">
<div class="
layui-form-item">
<label class="
layui-form-label">用户名</label>
<div class="
layui-input-block">
<input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="
layui-input">
</div>
</div>
<div class="
layui-form-item">
<label class="
layui-form-label">密码</label>
<div class="
layui-input-block">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="
layui-input">
</div>
</div>
<div class="
layui-form-item">
<div class="
layui-input-block">
<button class="
layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
<button type="reset" class="
layui-btn
layui-btn-primary">重置</button>
</div>
</div>
</form>
<script>
//JavaScript代码区域
layui.use('form', function(){
var form =
layui.form;
//监听提交
form.on('submit(formDemo)', function(
data){
layer.msg(JSON.stringify(
data.
field));
return false;
});
});
</script>
```
其
中，`lay-verify` 属性用于指定校验规则，`required` 表示必填项。在 JavaScript
中，我们可以通过 `form.verify()` 方法来自定义校验规则。例如：
```javascript
//自定义校验规则
form.verify({
username: function(value, item){ //value：
表单的
值、item：
表单的DOM对象
if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
return '用户名不能有特殊字符';
}
if(/(^\_)|(\__)|(\_+$)/.test(value)){
return '用户名首尾不能出现下划线\'_\'';
}
if(/^\d+\d+\d$/.test(value)){
return '用户名不能全为数字';
}
},
password: [/^[\S]{6,12}$/,'密码必须6到12位，且不能出现
空格']
});
```
6087
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
