layui 表单去除校验

最新推荐文章于 2024-04-26 16:47:03 发布

旧巷幽草{香

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量2.9k

点赞数 3

分类专栏： js HTML 文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/qq_38181746/article/details/125779954

版权

js 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

HTML

13 篇文章 0 订阅

订阅专栏

在使用layui开发项目是会用到表单校验，然而在有一些业务场景下需要根据所选择的字段隐藏某些表单，但是在提交表单的时候需要去除这些表单字段的验证。
在这里插入图片描述

所以我们可以这么做

$('#behalf_packageAmount').attr("lay-verify","{required:false}"); 
$("#behalf_packageAmount").attr("name",'');

让他的表单校验为false,去除他的name

优惠劵

旧巷幽草{香

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
layui 表单去除校验

layui 去除表单校验
复制链接

扫一扫

专栏目录

使layui.js form 可主动验证表单是否通过

07-22

使layui.js form 可主动验证表单是否通过。扩展layui下的form.js 。文章链接 https://blog.csdn.net/qq_17837497/article/details/107505486

基于layui自定义表单组件

03-28

主要用于C#开发，方便、快捷、效率高

参与评论您还未登录，请先登录后发表或查看评论

layui单击行选中或勾选取消

lin694218943的博客

01-15

2637

直接copy就能用 //单击行勾选checkbox事件 $(document).on("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents('.layui-...

layui-form下隐藏元素的验证问题

我的博客

04-12

725

设置为display:none的必填字段，在点击提交（form 包含 class=“layui-form”；button包含属性 lay-submit）的时候，依旧验证。

Layui表单验证lay-verify属性：自定义校验

Seanliuo

11-17

5958

Layui表单验证lay-verify属性 layui官网：https://www.layui.com/doc/modules/form.html#verify(自定义验证) layui 表单自带校验： lay-verify：是表单验证的关键字有以下值供选择： required (该输入框必填项) phone（手机号） email（邮箱） url（网址） number（数字） date（日期） identity(身份证) 自定义值同时支持多条规则的验证：格式：lay-verify=”验证A|验证B”

Js查找指定div下的属性并可修改（去掉必填项）

AlexVirgo

04-14

1673

这个场景可以用在表单必填验证，比如有些文本框、单选框或下拉框等等我们隐藏后不想要它们进行必填验证，就可以用到这个方法了，直接上代码：这里的意思是，找到$('.intention')下的所有带“lay-verify”属性的表单项，并设置为必填或非必填，由于我用的是layui，所以这里找的是 lay-verify ，其他的大家自行设置；去掉必填： $('.intention').find('[lay-verify]').attr('lay-verify',''); 加上必填 $('.inten

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("#

动态添加属性与移除属性

qq_30347133的博客

09-09

447

function qk(){ if($("#isfree").val()==0){ $("#fbtime").val(""); $("#fetime").val(""); $("#fdays").val(“0”); $("#fbtime").attr("readonly","true"); $("#fetime").attr("readonly","true"); $("#fdays").a...

LayUI 问题汇总

ling1998的博客

05-16

1464

1、警告信息前提条件：使用的是Chrome浏览器警告信息（如下图所示）：DevTools failed to load source map: Could not load content for http://localhost:8088/js/lay-module/auth/jwt-decode.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE 解决：这个警告信息并不影响使用，如果不想显示这个警

layui必填提示框修改，layui提交form表单必填提示框修改，select提示弹出位置不对处理，layui自定义提示文字，layui自定义条件提示

weixin_43992507的博客

10-09

8427

效果修改前修改后实现方式我的layui版本是2.6.8 js文件只有layui.js（之前的版本可修改form.js文件源码）所以打开layui.js修改源码，修改如下 // 将 i.msg(f,{icon:5,shift:6}) // 替换成 i.tips(f, r) 如图1下所示（Hbuilder颜色未改，则是黄背景）或如图2所示我喜欢把提示框颜色改了，以下就是我修改的样式（打开layui.css换行放到后面即可） /* layer提示*/ .layui-layer-tips .

lay-verify不生效、Undefined attribute name (lay-verify).

hantanxin的专栏

12-13

3243

首页要引用layui.js或者layui.all.js，css等再一个要use或者自己写js定义相关模块接下来要养成良好的习惯外层加class="layui-form"，部分模块是必须要使用的最后多看官方文档，看官方文档，看官方文档好了，上述还没解决，看下标签是否闭合 no start tag 或者 no end tag,对应改一下，问题解决 ...

layui的表单提交以及验证和修改弹框的实例

10-16

今天小编就为大家分享一篇layui的表单提交以及验证和修改弹框的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

layui 表单标签的校验方法

12-11

layui表单元素的校验只需在元素上加入lay-verify，layui提供了以下值。 required（必填项） phone（手机号） email（邮箱） url（网址） number（数字） date（日期） identity（身份证）自定义值同时支持多条规则的验证，格式：lay-verify=”验证A|验证B” 如：lay-verify=”required|phone|number” 另外，除了我们内置的校验规则，你还可以给他设定任意的值，比如lay-verify=”pass”，那么你就需要借助form.verify()方法对pass进行一个校验规则的定义示例： <div cl

解决Layui 表单提交数据为空的问题

10-18

今天小编就为大家分享一篇解决Layui 表单提交数据为空的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

LayuiMini使用时候初始化模板修改（下载源码）

小二丶的博客

04-23

397

LayuiMini使用时候初始化模板修改（下载源码）

SpringBoot引入Layui样式总是出现404

gaoqiandr的博客

04-26

224

本文主要介绍的是在项目开发中SrpingBoot引入Layui样式出现404的解决方案

vue快速入门（四十六）Router的安装与使用

最新发布

不起眼小菜菜的博客

04-26

521

步骤很详细，直接上教程……

vue2---修饰符

weixin_45503872的博客

04-24

1020

此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。

vue 实现级联选择器功能

清音的博客

04-22

545

数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。

layui 表单校验

10-16

好的，关于 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位，且不能出现空格'] }); ```

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交