layui 插件from提交自定义提示

最新推荐文章于 2023-05-31 22:15:39 发布
最新推荐文章于 2023-05-31 22:15:39 发布
阅读量1.7k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： layui 文章标签： layui from表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_32403351/article/details/81903001
本文介绍了一种业务场景下的表单验证方法，特别是针对需要两个输入框中至少有一个为必填项的情况。通过设置特定的验证规则，可以有效地解决这类问题。

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

在我们工作的时候，可能会有以下场景：

业务场景：提交form时，会遇到两个输入框必填其中一项的业务

PS:此处需要设置input或其他form表单中的输入项，其中lay-verify=“attachmentUrl” 需要在两个这样的input中存在，用下面的解决方案

解决方案：

赶快去试试吧！有问题的话欢迎留言！ 

layui必填提示框修改，layui提交form表单必填提示框修改，select提示弹出位置不对处理，layui自定义提示文字，layui自定义条件提示
weixin_43992507的博客
10-09 9086
效果 修改前 修改后 实现方式 我的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树级组件图标_layui-tree树插件，自定义多选操作
weixin_40007515的博客
12-20 1573
基于layui-tree源码，自定义了多选择节点方法/**@Name：layui.tree 树组件@Author：贤心@License：MIT*/layui.define('jquery', function(exports){"use strict";var $ = layui.$,hint = layui.hint();var enterSkin = 'layui-tree-enter', T...
layui 表单form提交加弹窗
qq_40833874的博客
12-12 2426
导包 点击删除按钮弹出提示框 /*删除开始*/ $(".del").click(function () { var id = $(this).attr("id"); layer.alert('您确定要删除操作吗?', { skin: 'layui-layer-molv' //样式类名 自定义样式 , closeBtn: 1 // 是否显示关闭按钮 , a...
layui的提示——form表单自带的
Sun_of_Rainy的博客
01-23 1309
  项目上遇到问题，我的页面没有用form表单展示数据，而是自己用js动态生成的页面，当没有查到数据时，总是弹出下面的提示框，这很容易让人误解是系统出错了，于是我想办法去掉它，找了好一会，它默认提示是操作失败，我把它的提示信息改了，但是前面的红叉还是看起来不爽，想换掉红叉，然后又试呀试，最后把这个提示框去掉了 解决办法： 删掉layui里面的form元素，这样就没有弹出框了  ...
layui的form表单提交问题
weixin_51964457的博客
05-20 7848
layui表单
layui必填项
九亿宅男的梦的博客
05-25 3610
加上 required lay-verify="required" autocomplete="off"
Layui表格行勾选自定义样式指南：品牌化界面设计技巧
[Layui表格行勾选自定义样式指南：品牌化界面设计技巧](https://img-blog.csdnimg.cn/20200122190336133.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0...
IDEA 插件 Easy Code 配置，结合 Layui table数据
YangZF
04-29 742
关于 easy code 的配置之前有写过一次，但是里面存在许多的问题，有的当时没解决，有的当时没发现（感觉好坑啊），现在从新写过。 涉及 mybatis 同个标签中执行多条sql语句，因此 mysql（我的数据库）连接 url 需要添加参数 allowMultiQueries=true 。 controller 层下的 api ， 可以直接被 Layui.table 数据表格调用渲染表格。 ...
实现穿梭框功能
weixin_44538322的博客
07-25 4525
撰写日期：2019年07月25日 第一点：主要的内容 第二点：功能点的代码流程： CSS样式可以自己随意设计，主要是创建两个盒子并用layui插件把两个表格渲染在两个盒子里面，再创建四个按钮就完成了准备工作。 （上图去掉表头可以设置全局样式 thead{display:none;}） 2.控制器方法： ...
layui form表单验证不弹出提示
扶摇的博客
04-11 5552
今天使用layui的时候表单验证的提示没有了，咱也不知道咋回事儿，咱也不敢问啊！废了老鼻子劲找了半天才找到问题。 下面看一下我实际上想要的layui提示效果，弹出一个框： 但是因为一些小问题，提示框变成介个亚子？更严重的根本就没有？ 样式呢？？？没有了！！！ 提示呢？？？没有了？？？直接给我提交了。 后来仔细看了好长时间官方文档才找到症结所在[捂脸] 官方文档 先贴出页面源码： <!-...
Layui表单必填项自动打红色*号
qq_45562464的博客
11-16 3968
一般的打星号写法： <span style="color:red">*</span> 通过CSS更加规范统一整齐 <style> .layui-input{height:30px;} /* layui-input 默认太高了，这里固定高度*/ label.required:after { /* 给红色的必填项打红色星号（文字后）如果打前面用before*/ content: ' *'; color: red;
禁用layui动态创建的弹窗表单input输入框
weixin_40425415的博客
11-12 966
禁用layui动态创建的弹窗表单input输入框 window.layui.layer.open({ type: 1, title: 'Edit users', maxmin: true, //开启最大化最小化按钮 area: ['600px', '400px'], content: `<form class="layui-form" lay-filter="formEdit" action=""
Layui 弹框的 实现，可以利用弹框的确定取消按钮，来实现对form表单的提交动作！
desert568的博客
04-26 3575
第一步，先把html考到页面底部，好吧。[html] view plain copy&lt;!-- 编辑的内容 --&gt;  &lt;div id="bjnr" style="display: none;"&gt;      &lt;form class="layui-form" action="" id="saveupdateform"&gt;       
layui自带验证体系：手机号验证、邮箱验证、必填项非空验证、数字验证（含代码、案例）
草巾冒小子的博客
07-31 5782
layui自带验证体系：手机号验证、邮箱验证、必填项非空验证、数字验证（含代码、案例） 案例 · 截图： 实例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>更改手机-排
layui表格弹窗修改_layui的表单提交以及验证和修改弹框的实例
weixin_30008295的博客
01-14 1107
HTML提交JSlayui.use(['jquery','form','layer'],function () {var $ = layui.jquery;var layer = layui.layer;var form = layui.form;// 验证form.verify({newName: [/\S/,'姓名不能为空' ] ,newCard: function (value) {if(!...
layui 表单标签的校验,解决layui非必填项却依然校验的bug
u013931283的博客
03-04 1029
今天使用layui发现了个问题, 表单有一个input 为非必填项,设置了验证手机格式,结果变成了必填选项了 解决问题的demo下载 http://www.shagua.wiki/project/3?p=121
layer 小tips 失去焦点正则验证输入框弹出提示 批量关闭tips
丿灬安之若死
01-20 3630
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;link rel="stylesheet" href="lay
layui框架学习（26：弹出层模块_tips框&输入框）
gc_2299的博客
05-31 7707
学习layui的layer模块中tips框和输入框函数的基本用法，同时继续学习layer模块中基础参数的用法。
# Layui 弹出弹出层提交表单
不积跬步，无以至千里；不积小流，无以成江海
09-25 4291
表格组件 table 是 Layui 中使用率极高的一个组件，它以表格的承载方式对数据进行渲染、重载、排序、统计、分页等等一系列交互操作，并提供了丰富的 API 用于扩展，基本涵盖了日常业务所涉及的大部分需求
layui 系统操作指引插件
最新发布
03-20
### 关于 Layui 操作指引插件的使用教程与文档 Layui 是一款基于 JavaScript 的前端 UI 框架，提供了丰富的模块化组件支持。对于操作指引插件的需求，虽然 Layui 官方并未直接提供名为“操作指引”的内置插件[^1]，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值