Layui表单验证失效解决办法

出现layui表单提交时没有进行验证的情况解决办法

这是一个简单的输入框 lay-verify=" "开启表单验证,required是layui自带的非空验证,就是这个输入框不写东西会提示:“必填项不能为空
同时自带的有 lay-verify=“phone” 这个会验证输入的手机号是否为11位 lay-verify=“email” 会验证邮箱格式
autocomplete="off"是把你之前在这个输入框里输入过的东西关掉 就是说如果你之前在这个输入框输入过 "123啦 456啦什么的"默认是on 如果不改成off 当你鼠标放在这个输入框时 就会把之前输入过的内容提示出来(在不清除缓存的情况下)
如图大概就是这个效果Layui表单验证失效解决办法_第1张图片
根据个人需要 如果输入的是多次重复的 autocomplete=“off” 就不用写了
operationCount为自定义的表单验证

1.form标签需要添加 class=“layui-form”

.. .. ..

2.提交按钮需要添加 lay-submit=""

a 和button都可以
注意:这个提交按钮要写在from里面 要用form包裹住

layui.user(['form',' ',' ',' '],function(){
	 var form = layui.form,
        form.verify({
                  operationCount: [
                      /^[1-9]\d*$/   //表单验证规则
                      , '只能输入正整数'   //不满足规则的提示
                   ]
                })

你可能感兴趣的:(layui)