layui必填项填了提示还是提示必填项不为空

已于 2023-07-24 11:44:51 修改
阅读量1.3k 收藏
点赞数
文章标签： layui 前端 javascript
于 2023-07-24 11:20:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/myNameGL/article/details/131892080
版权
文章讲述了在遇到表单提交时出现必填项错误提示，尽管已确认填写，但问题依然存在。作者检查HTML代码无误，并怀疑可能是接手的代码中其他部分导致的问题。注释掉特定代码行后，问题得到解决，强调细致排查是找出框架报错的关键。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

点提交的时候，表单检查信息必填项提示必须填，检查一下金额项填了，相当气人，

表单检查既然检查到了说有必填项为空，那就肯定有是空的，我想的不是这个需要填的地方填进去之后没有取到值就是被改了，检查了html代码之后发现真的没有问题，而且这也是接别人的代码，所以就项之前好好，就放开了一小块图片显示的代码，那会不会是那部分出的问题

 然后就看到

 这一行的代码在画面上没有显示，required这个在js里面也没有找到，反正也看不懂那就先注释掉试试，，，，结果就是好了。

总结一下那就是框架报错肯定是有原因的，仔细找肯定是我们的问题，不是写多了就是写错了

myNameGL
关注
html表单文本框不能为空,layui 解决富文本框form表单提交为空的问题
weixin_29310853的博客
06-10 2565
layui 解决富文本框form表单提交为空的问题layui 解决富文本框form表单提交为空的问题一直获取不到form data这样子就可以正常提交了以上这篇layui 解决富文本框form表单提交为空的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。时间： 2019-10-25第一步: 引用两个文件 第二步: 点击删除按钮弹出提示框 /*删除开始*/ $("....
layui必填提示框修改，layui提交form表单必填提示框修改，select提示弹出位置不对处理，layui自定义提示文字，layui自定义条件提示
weixin_43992507的博客
10-09 9062
效果 修改前 修改后 实现方式 我的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 .
解决Layui 表单提交数据为空的问题
12-29
坑的外观 最近用了一段时间Layui作为项目后台管理模块的前端框架，感觉还是挺好用的。 今天踩了个坑，就是使用layui表单提交时，提交的数据为空。 例如，layer.msg(JSON.stringify(data.field));这句代码执行后，页面显示为空对象。 <form class=layui-form action=> 输入框 <input type=te
Layui单选框必填限制
yyyzx22的博客
12-31 2413
layui单选框必选限制： <div class="layui-input-inline" style="width: 300px;"> <input type="radio" name="feesType" lay-verify="otherReq" value="QUERY" title="查询收费"> </div> //自定义验证规则 form.verify({ otherReq: function(value,item){ var
Layui 12 Form 表单组件
最新发布
monian187的博客
04-07 1134
layui form 表单组件整合
elementUi——form表单提交，输入内容后仍然提示不能为空的校验问题——基础积累
yehaocheng520的博客
01-07 7013
最近在做后台管理系统时，遇到了一个问题，就是关于表单校验的问题。 根据上图，明明已经选择了供应商名称字段，但是点击保存按钮时，还是会有校验问题，提示请选择供应商。导致无法进行表单的提交。 出现此问题的原因就是：校验的字段有被删除过。 比如上面的字段是：this.form.supplierId,在进行一些表单的清空操作时，如果直接使用了this.form={}，则会导致this.form.supplierId的双向数据绑定功能失效，进而无法进行正确的表单校验。 例如：下面的代码，在创建vue的时候，给thi
基于layui-form的图片必填验证提示
weixin_42253577的博客
03-23 1376
效果图 未上传图片时定位标红并提示 详情:让图片显示在input框内,用input框代替图片边框. 点击图片框上传图片后,把路径填入input. 因为必填,所以没必要设置清空按键. html: <input id="productImage" name="productImage" class="img-input" readonly="readonly" autocomplete="off" lay-verify="required"/> <div class="info-he
layui中校验的提示文字必填项不能为空为什么会在左上角
05-25
在layui中，校验的提示文字默认会显示在表单元素的左上角。这是因为layui的表单元素是基于HTML5的表单元素进行封装的，而HTML5的表单元素的默认提示位置就是在左上角。如果您想要更改提示文字的位置，可以使用layui...
layui 表格必填
01-09
为了确保Layui表格中的某些字段为必填项，在创建表单时可以利用`verify`属性来实现验证功能。对于希望设定成必填的输入框，可以在对应的HTML标签内加入`lay-verify="required"`属性[^1]。 下面是一个简单的例子展示...
layui select必填
05-21
layer.msg($(this).attr('lay-verify') + "不能为空"); return false; // 跳出循环 } }); if(flag){ // 如果通过校验 // 提交表单 $.ajax({ url: '/submit', type: 'post', data: data.field, success:...
el-form必填校验 明明填了 还报未填的原因
生而为人我很抱歉
11-03 2170
【代码】el-form必填校验 明明填了 还报未填的原因。
React+Antd项目，Form的Input中已经有内容，但是还是提示此项为必填项，不能为空
BigFamer的博客
08-26 5162
我们在进行数据采集功能开发的时候，往往会用到Form表单，这其中必不可少的就会用到Input（多种type类型）输入框。经常还会对其中的某一些Input输入做一些必填或者某些输入格式的限制，设置默认值和placehoder等等需求场景。我在使用React + Antd构建含有多个Input组件的Form表格时，遇到了下述问题…...
输入的文本不能为空
a496798779的博客
08-31 641
if(!$ask.val().trim()) { $.MsgBox.Alert("消息","您的问题不能为空，请输入文字"); return; } 　　 转载于:https://www.cnblogs.com/jiaoyue/p/7458168.html...
更改layui表单必填项的提示信息方法一
文龙刚的博客
06-25 561
【代码】更改layui表单必填项的提示信息方法一。
js、layui input判空
weixin_45062076的博客
09-06 1041
.css_wranning_border { border: 2px solid rgb(233,104,107) !important; } //给input、select 加 类选择器required function isEmpty() { var $dom = $(".required"); var boolCheck = true; for (var i = 0; i < $do
Layui手动验证表单必填项
rhx_1989的专栏
07-28 7181
1.JS文件（formVerify.js） //验证规则设定 var verifyConfig = { required: [ /[\S]+/ ,'必填项不能为空' ] ,phone: [ /^1\d{10}$/ ,'请输入正确的手机号' ] ,email: [ /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})
关于layui中lay-verify="required"无效的解决办法
热门推荐
mengsong的博客
12-14 1万+
解决lay-verify="required"无效的两种解决办法 1.所有的表单元素必须要在<form class="layui-form" >表单中，注意class必须为layui-form。 2.<form>中不能包含其他的<form>，否则也会失效 ...
layui 自定义验证单选框必填
菜鸟的博客
11-01 785
对于输入框类型必填验证，只需要在 input 输入框加入 lay-verify = "required" 即可。但对于单选按钮这种特殊的该怎么办呢？layui 为我们提供了自定义验证。1. 在单选按钮上添加自定义验证的名称。
layui表单验证
lijiawei111的博客
09-30 97
1.layui表单验证 　　低版本的layui的表单验证有一些bug，比如，想实现非必填的邮箱校验，直接使用lay-verify="email"就会有问题。此时的效果是格式校验正确，但是不填的时候会报错。 　　此时有这么几个解决方法： 　　1.1升级插件 　　在高版本的layui中这个问题是解决了的。附上部分源码 1 this.config = { 2 v...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值