酷站(www.ku0.com)-致力于为互联网从业者提供动力!

热门关键词:  企业  as  baidu  c4rp3nt3r  美女
阿里云爆款特惠,精选爆款产品低至0.55折

layui正则表达式验证使用介绍

来源:互联网搜集 作者:秩名 人气: 发布时间:2020-04-21
本篇文章主要介绍了layui正则表达式验证使用介绍,对大家的学习或者工作具有一定的参考学习价值,感兴趣的小伙伴们可以参考一下,也感谢大家对酷站(ku0.com)的支持。

前言

layui的正则表达式是在form表单中完成的。所以第一步要在你的html中加上指定的form 。

官方参考文档:https://www.layui.com/doc/element/form.html

要保证引用的layui模块中有form.js存在。

快速步骤引用form.js添加form标签,并设置class属性为layui-form,不可改在要验证的属性上加lay-verify 进行验证声明layui.form 并监听提交的按钮事件 。引用js

 
<script src="../js/layui/layui.js" charset="utf-8"></script>

主要是保证lay.modules中有form.js存在。

也可以直接引用form.js

添加form标签

<form class="layui-form" action="">

设置要验证的属性

给lay-verify赋值

<input type="text" class="input01 border" id="IdentifyId"
name="IdentifyId" lay-verify="required|identity"/>

系统自带的属性如下:

required(必填项)
phone(手机号)
email(邮箱)
url(网址)
number(数字)
date(日期)
identity(身份证)
自定义值

如果没有想要的,可以自己写,比如

自定义验证

html标记验证的属性

<input type="text" lay-verify="username" placeholder="请输入用户名">
<input type="password" lay-verify="pass" placeholder="请输入密码">

自定义验证的规则

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 '用户名不能全为数字';
 }
 }
 
 //我们既支持上述函数式的方式,也支持下述数组的形式
 //数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
 ,pass: [
 /^[\S]{6,12}$/
 ,'密码必须6到12位,且不能出现空格'
 ]
});
 

layui -form 使用说明

1.必须要先render以后,select 才可以使用。

layui.use('form', function(){
 var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
 
 //……
 
 //但是,如果你的HTML是动态生成的,自动渲染就会失效
 //因此你需要在相应的地方,执行下述方法来进行渲染
 form.render();
});
 

提交按钮

<button type="button" class="layui-btn layui-btn-norma"
lay-submit lay-filter="submit_button">确定下单</button>

js自定义验证的js和提交时的操作

 
layui.use('form', function(){
  var form = layui.form ;
  form.render();
  form.verify({
  payTotalAmount:[
   /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/
   ,'请输入合适的价格'
  ]

  });
  form.on("submit(submit_button)", function () {
  onclickSearch();
  });

版权声明:本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 959677720#qq.cn(#换@) 举报,一经查实,本站将立刻删除。
原文链接:http://www.hechunbo.com/index.php/archives/304.html

相关文章

  • 详解正则表达式中的 .*? 或 .*+ 的含义

    详解正则表达式中的 .*? 或 .*+ 的含义

    正则表达式简介 正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。 许多程序设计语言都支持利用正......
    05-23
  • layui正则表达式验证使用介绍

    layui正则表达式验证使用介绍

    前言 layui的正则表达式是在form表单中完成的。所以第一步要在你的html中加上指定的form 。 官方参考文档:https://www.layui.com/doc/element/form.html 要保证引用的layui模块中有form.js存在。 快速步骤引用form.js添加form标签,并设......
    04-21
  • js中的正则表达式入门的知识点总结

    js中的正则表达式入门的知识点总结

    什么是正则表达式呢? 正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个字符串是否含有某种子串、将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等。 先科普一下基本的知识 js中使用正则表达......
    04-20
  • 正则表达式替换table表格中的样式与空标记(保留rowspan与colspan

    正则表达式替换table表格中的样式与空标记(保留rowspan与colspan

    完整测试代码 scriptvar str=p;str=table id=tblSort cellspacing=0 helvetica= sans=tr id=sdftd style=color:red class=ok colspan=8 height=500 rowspan=5;str+=td style = color:blue style=color:blue colspan=8 style=color:red ro......
    04-20
  • 教你学会正则表达式!(来自Github)

    教你学会正则表达式!(来自Github)

    推荐几个正则表达式编辑器 Debuggex :https://www.debuggex.com/ PyRegex:http://www.pyregex.com/ Regexper:http://www.regexper.com/ 正则表达式是一种查找以及字符串替换操作。正则表达式在文本编辑器中广泛使用,比如正则表达式被......
    04-09
  • 正则表达式+Python re模块的介绍

    正则表达式+Python re模块的介绍

    正则表达式(Regluar Expressions)又称规则表达式,在代码中常简写为REs,regexes或regexp(regex patterns)。它本质上是一个小巧的、高度专用的编程语言。 通过正则表达式可以对指定的文本实现 匹配测试、内容查找、内容替换、字符串......
    03-27
  • linux grep不区分大小写查找字符串的方法介绍

    linux grep不区分大小写查找字符串的方法介绍

    正则表达式是一个特殊的字符序列,用于简洁表达一组字符串特征,检查一个字符串是否与某种模式匹配,使用起来十分方便。 在Python中,我们通过调用re库来使用re模块: import re 正则表达式语法模式和操作符详见: https://www.runoob.co......
    03-14
  • 详解linux grep与正则表达式使用

    详解linux grep与正则表达式使用

    grep (缩写来自Globally search a Regular Expression and Print)是一种强大的文本搜索工具,它能使用特定模式匹配(包括正则表达式)搜索文本,并默认输出匹配行。Unix的grep家族包括grep、egrep和fgrep。Windows系统下类似命令FINDST......
    03-08
  • linux grep不区分大小写查找字符串的方法

    linux grep不区分大小写查找字符串的方法

    grep用来过滤字符串信息,grep默认对字母大小写敏感,不过可以通过选项对grep屏蔽大小写敏感,该选项为 -i。 一、查看grep工具版本方法 图1 grep版本查询 二、grep -i 使用方法 图2 grep不区分大小写 备注: grep使用方法: grep [选项] ......
    03-08
  • 详解正则表达式[\s\S]*与[\w\W]*

    详解正则表达式[\s\S]*与[\w\W]*

    问: 例如:[a-z]表示从a到z之间的任意一个。 不是这样的吗?谁能给我解释一下[ ]的所有用法?感谢 答: 是完全通配的意思,\s是指空白,包括空格、换行、tab缩进等所有的空白,而\S刚好相反 这样一正一反下来,就表示所有的字符,完全的......
    03-05

最新更新