随笔 - 52  文章 - 2  评论 - 0  阅读 - 46040

layui框架的验证

layui表单提交验证:

  1.框架内置验证

http://www.layui.com/v1/doc/modules/form.html#verify

<input type="password" name="password" lay-verify="required|pass|min:6|max:20" placeholder="" autocomplete="off"
                           class="layui-input" datatype="*6-15">

2.layui框架自定义验证

复制代码
form class="layui-form" action="">  
                          <div class="layui-form-item">  
                            <label class="layui-form-label">反馈主题</label>  
                            <div class="layui-input-block">  
                              <input name="title" class="layui-input" type="text" placeholder="请输入标题" autocomplete="off" lay-verify="title">  
                            </div>  
                          </div>  
。。。。。。。。。。。。。
<script>  
layui.use(['form', 'layedit', 'laydate'], function(){  
  var form = layui.form()  
  ,layer = layui.layer  
  ,layedit = layui.layedit  
  ,laydate = layui.laydate;  
   
  //自定义验证规则  
  form.verify({  
        title: function(value){  
          if(value.length < 5){  
            return '标题至少得5个字符啊';  
          }  
        }, fname: function(value){  
          if(value.length < 4){  
            return '请输入至少4位的用户名';  
          }  
        }, contact: function(value){  
          if(value.length < 4){  
复制代码

 2.

onfocus 事件

定义和用法

onfocus 事件在对象获得焦点时发生。

onblur 事件

定义和用法

onblur 事件会在对象失去焦点时发生。

3.

var reg = /^[\u4e00-\u9fa5]$/;数字、字母、汉字、下划线组成;
posted on   盧鵬  阅读(6114)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· SQL Server统计信息更新会被阻塞或引起会话阻塞吗?
阅读排行:
· 传国玉玺易主,ai.com竟然跳转到国产AI
· 本地部署 DeepSeek:小白也能轻松搞定!
· 自己如何在本地电脑从零搭建DeepSeek!手把手教学,快来看看! (建议收藏)
· 我们是如何解决abp身上的几个痛点
· 普通人也能轻松掌握的20个DeepSeek高频提示词(2025版)
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示