Layui前端框架

官网

https://www.layui.com/

form表单验证取消必填

需要修改两个文件:form.js和layui.all.js

phone:[/(^$)|^1\d{10}$/,‘请输入正确的手机号‘],
email:[/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,‘邮箱格式不正确‘],
url:[/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/,‘链接格式不正确‘],
number:[/(^$)|^\d+$/,‘只能填写数字‘],
date:[/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/,‘日期格式不正确‘],
identity:[/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/,‘请输入正确的身份证号‘]

新增部分:(^$)|

如果该选项为必填:建议使用,lay-verify=“required|number”校验

datagrid复选框不居中显示问题

.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{
     top: 50%;
     transform: translateY(-50%);
}

button点击导致页面刷新问题

button在form表单中,点击button会导致页面刷新,需要加上type="button"

<button class="layui-btn ty-btn" type="button" onclick="active()">激活</button>

相关推荐