layui 表单标签的校验,解决layui非必填项却依然校验的bug

最新推荐文章于 2023-04-12 21:24:46 发布
最新推荐文章于 2023-04-12 21:24:46 发布
阅读量968 收藏
点赞数
分类专栏： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013931283/article/details/114366941
版权

今天使用layui发现了个问题,
表单有一个input 为非必填项,设置了验证手机格式,结果变成了必填选项了
在这里插入图片描述

解决问题的demo下载
http://www.shagua.wiki/project/3?p=121

fwfgwg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Layui弹出层中点击关闭弹出层触发表单验证如何解决
weixin_44562045的博客
03-25 1983
点击关闭按钮时会触发表单验证 //弹出层中html代码 <button class="layui-btn" id="close" lay-filter="close">关闭</button> js代码 $(document).on('click', '#close', function() { layer.close(layer.index); ...
Layui表格数据为空时自定义提示信息
qq_29928513的博客
10-27 4008
Layui表格数据为空时自定义提示信息官网提供空数据提示信息自定义空数据提示信息 官网提供空数据提示信息 Layui官网提供的是第一种情况，数据为空时指定提示信息： table.render({ //其它参数在此省略 text: { none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增 } }); 自定义空数据提示信息 这是一种更灵活的方式，根据个人设置的返回值，判断各种提示信息： table.render({ //其它参数在此省略 id: "
Layui - 手动验证表单，可自定义排除
热门推荐
简单记录一下。
04-14 20万+
保存草稿的时候不想验证 required 但是需要验证其它 版本：layui-v2.3.0 在form.js适当位置加上以下代码，z为form表单id，y是不想验证的关键字数组，例如 ["required"] u.prototype.doVerify=function(z,y){ var e = null, a = f.config.verify, s = "layui-form-danger", c = i("#
lay-verify进行非必填项校验
weixin_30878361的博客
07-15 952
它默认都验证了！ 需要调整源码！form.js,layui.all.js this.config = { verify: { required: [/[\S]+/, "必填项不能为空"], phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"], ...
layui中使用lay-verify进行非必填项校验（踩坑篇）
编码爱好者
06-23 7万+
踩坑一： 某些表单元素为非必填项，但是却需要校验输入数据的格式是否正确，使用的layui的lay-verify 进行校验，例如lay-verify=“phone”验证手机号码规则是否合法，但是这玩意有个坑，如果不输入数据也会认为数据不合法，所有的校验规则，默认都是必填项！！！！！最后在官方社区找到一个帖子目前问题已解决 解决办法：修改layui校验规则源码，目前没发现修改以后有什么问题 修改源码如...
layui 表单去除校验
qq_38181746的博客
07-14 3164
layui 去除表单校验
layui-form下隐藏元素的验证问题
我的博客
04-12 795
设置为display:none的必填字段，在点击提交（form 包含 class=“layui-form”；button包含属性 lay-submit）的时候，依旧验证。
layui 非必填项校验
镜子的魔法
01-15 2458
layui中使用lay-verify进行非必填项校验 使用layui时验证数字类型，lay-verify=“number”，发现如果不输入数据也会认为数据不合法，所有的校验规则，默认都是必填项，但对于非必填项来说是填了才去校验，因此修改了form.js的源码（layui.all.js也有这些校验规则，目前只修改form.js发现生效就没有修改layui.all.js） 修改如下： 在所有的正则表达...
Layui 内置方法 ——提示框layer.msg()
baidu_41904590的博客
07-08 3072
源码中用了相对较大的篇幅来定制了这个msg，目的是想将其打造成露脸率最高的提示框。 它简单，而且足够得自觉，占据很少的面积，默认3秒后自动消失。 坚持简陋的变化，在作用方面，坚持零用户操作，参数自动补齐。 //纯提示，如图1 layer.msg('你真美丽！'); //提示的基础上加上表情，如图2 layer.msg(带个表情你看看', {icon: 6}); //提示消息关闭之后执行什么操作 layer.msg('关闭后执行什么', function(){ //do something }); /
layui 表单标签的校验方法
10-16
今天小编就为大家分享一篇layui 表单标签的校验方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layUI的验证码功能及校验实例
10-16
今天小编就为大家分享一篇layUI的验证码功能及校验实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使layui.js form 可主动验证表单是否通过
07-22
使layui.js form 可主动验证表单是否通过。扩展layui下的form.js 。文章链接 https://blog.csdn.net/qq_17837497/article/details/107505486
layui的表单提交以及验证和修改弹框的实例
10-16
今天小编就为大家分享一篇layui的表单提交以及验证和修改弹框的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui 插件from提交自定义提示
qq_32403351的博客
08-21 1637
在我们工作的时候，可能会有以下场景： 业务场景：提交form时，会遇到两个输入框必填其中一项的业务 PS:此处需要设置input或其他form表单中的输入项，其中lay-verify=“attachmentUrl” 需要在两个这样的input中存在，用下面的解决方案 解决方案： 赶快去试试吧！有问题的话欢迎留言！ ...
Layui表单必填项自动打红色*号
wh445306
11-09 9828
一般的打星号写法： <span style="color:red">*</span> 通过CSS更加规范统一整齐 <style> .layui-input{height:30px;} /* layui-input 默认太高了，这里固定高度*/ label.required:after { /* 给红色的必填项打红色星号（文字后）如果打前面用before*/ content: ' *'; color: red;
layui 表单 红色*表示必填项，红色右三角 文本框 下拉框
php菜鸟技术天地
01-20 1453
样式 <style> /* 表单必填项，右红三角 */ .fn_bixuan{position: relative;} .fn_bixuan::after{position: absolute;display: block;content: ''; z-index: 1;transform: rotate(-45deg); left: -10px;top: -10px;border: 10px solid; border-color: transparent ..
layui表单验证xmselect必填
天锋 BLOG
07-13 2613
xmselect必填
layui必填项
九亿宅男的梦的博客
05-25 3535
加上 required lay-verify="required" autocomplete="off"
layui图标大全,精心整理
u013931283的博客
12-27 3万+
layui图标大全,一键复制粘贴,非常方便 点击这前往,复制代码 转载自:http://www.shagua.wiki/project/3?p=85
layui中校验的提示文字必填项不能为空为什么会在左上角
最新发布
05-25
在layui中，校验的提示文字默认会显示在表单元素的左上角。这是因为layui的表单元素是基于HTML5的表单元素进行封装的，而HTML5的表单元素的默认提示位置就是在左上角。如果您想要更改提示文字的位置，可以使用layui...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值