精华内容
下载资源
问答
  • layui验证规则

    2020-03-01 15:46:37
    下面是layui官方js配置项: { verify: { required: [/[\S]+/, "必填项不能为空"], phone: [/^1\d{10}$/, "请输入正确的手机号"], email: [/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+...

    下面是layui官方js配置项:

    
    {
    	verify: {
    		required: [/[\S]+/, "必填项不能为空"],
    		phone: [/^1\d{10}$/, "请输入正确的手机号"],
    		email: [/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
    		url: [/(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
    		number: function(e) {
    			if (!e || isNaN(e)) return "只能填写数字"
    		},
    		date: [/^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
    		identity: [/(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
    	}
    }
    
    

    举个例子

    
    var reg=/(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/;
    if(!reg.test(data.field.link)){
         layer.msg('外链格式错误,请输入以http://或https://开头的完整url!',{icon: 5});
         return false;
    }
    
    

    原文链接:https://blog.csdn.net/veloi/article/details/80757469

    展开全文
  • 例子 <input type="text" id='mobile' name="mobile" value="{$list.mobile}" lay-verify=...phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义验证规则 for

    例子

    <input type="text" id='mobile' name="mobile" value="{$list.mobile}" lay-verify="required|phone|number"; class="form-control">
    

    lay-verify:关键字

    关键字(支持多条规则的验证)
    required (必填项)
    phone(手机号)
    email(邮箱)
    url(网址)
    number(数字)
    date(日期)
    identity(身份证)
    

    自定义验证规则

    form.verify({
        pass: [/(.+){6,12}$/, '密码必须6到12位'],
        repass: function (value) {
            if ($('#pass').val() != $('#L_repass').val()) {
                return '两次密码不一致';
            }
        }
    });
    
    展开全文
  • javascript 手机号电话验证方法封装及使用,结合layui验证使用; //电话验证 function ValidatePhone(val){ var isPhone = /^1[3456789]\d{9}$/;//手机号码 var isMob= /^0?1[0-9][0-9]\d{8}$/;// 座机格式 ....

       javascript 手机号电话验证方法封装及使用,结合layui验证使用;

     //电话验证
            function ValidatePhone(val){
                var isPhone = /^1[3456789]\d{9}$/;//手机号码
                var isMob= /^0?1[0-9][0-9]\d{8}$/;// 座机格式
                if(isMob.test(val)||isPhone.test(val)){
                    return true;
                }else{
                    return false;
                }
            }
            //自定义验证规则
            form.verify({
                phone:function (value) {
                    if(value<=0||value.length <= 0){
                        return '手机号不能为空,请确认输入!';
                    }else if(ValidatePhone(value) == false) {
                        return '手机号格式错误';
                    }
                }
            });

     

    展开全文
  • layui表单验证

    2019-03-14 14:24:00
    layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值。 required(必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义 同时...

    layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值。

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

    同时支持多条规则的验证,格式:lay-verify=”验证A|验证B” 

    如:lay-verify=”required|phone|number”

    完整代码

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>信息</title>
        <!--引入css和js-->
        <link rel="stylesheet" href="/js/layui/css/layui.css" media="all">
        <script src="/js/layui/layui.js"></script>
    </head>
    <body>
        <div style=" width:800px; margin:0 auto;">
        <form class="layui-form" action="#123" method="post">
            <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="required">
                </div>
            </div>
            <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>
            <div class="layui-form-item">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block">
                    <input name="fname" class="layui-input" type="text" placeholder="请输入姓名" autocomplete="off" lay-verify="fname">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">手机</label>
                <div class="layui-input-block">
                    <input name="phone" class="layui-input" type="tel" autocomplete="off" placeholder="请输入手机" lay-verify="phone">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-block">
                    <input name="email" class="layui-input" type="text" autocomplete="off" placeholder="请输入邮箱" lay-verify="email">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">单选框</label>
                <div class="layui-input-block">
                    <input name="sex" title="男" type="radio" checked="" value="男">
                    <input name="sex" title="女" type="radio" value="女">
                    <input name="sex" title="保密" type="radio" value="密">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">内容</label>
                <div class="layui-input-block">
                    <textarea class="layui-textarea"  name="contact" lay-verify="contact"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-filter="formDemo" lay-submit>提交</button>
                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                </div>
            </div>
        </form>
        </div>
        <script type="text/javascript">
            layui.use(['form'], function () {
                var form = layui.form;
                //自定义验证规则
                form.verify({
                    title: function (value, item) {
                        if (value.length < 5) {
                            return '标题至少得5个字符啊';
                        }
                    }, fname: function (value) {
                        if (value.length < 4) {
                            return '请输入至少4位的用户名';
                        }
                    }, contact: function (value) {
                        if (value.length < 4) {
                            return '内容请输入至少4个字符';
                        }
                    }
                    , phone: [/^1[3|4|5|7|8]\d{9}$/, '手机必须11位,只能是数字!']
                    , email: [/^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$|^1[3|4|5|7|8]\d{9}$/, '邮箱格式不对']
                });
                //监听提交
                form.on('submit(formDemo)', function(data){
                    //ajax
                    //console.log(data.elem) //被执行事件的元素DOM对象,一般为button对象
                    //console.log(data.form) //被执行提交的form对象,一般在存在form标签时才会返回
                    console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value};获取单个值data.field["title"]
                    return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
                });
            });
        </script>
    </body>
    </html>

     

    官网:https://www.layui.com/doc/modules/form.html

    end

     

    转载于:https://www.cnblogs.com/webapi/p/10530067.html

    展开全文
  • layui内置验证

    2020-06-07 21:31:13
    layui内置验证规则 phone:[/(^$)|^1\d{10}$/,'请输入正确的手机号'], email:[/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,'邮箱格式不正确'], url:[/(^$)|(^#)|(^http(s*):\/\/[^\s]...
  • layui 表单验证案例

    2020-11-18 10:24:42
    文本框,手机,邮箱,textarea等格式的验证 下面是需要引入的插件 <script src="layui/layui.js"></script> <script src="layui/lay/dest/layui.all.js"></script> <link rel=...
  • placeholder="请输入手机号码" autocomplete="off" class="layui-input iphone"> div>  class="test">  type="text" name="title" required lay-verify="required" placeholder="请输入验证码" ...
  • 在开发中,我们经常需要对一些输入数据通过正则表达式进行有效性验证,基于Layui框架开发下,Layui框架本身已经集成了一些基础的验证,这对我们在前端验证输入的有效性非常便捷,如我们需要验证邮箱的话,可以直接在...
  • layui验证规则

    2018-12-25 16:44:00
    layui表单元素的校验只需在元素上加入lay-verify <input type="text" id="a" name="a" placeholder="A" lay-verify="required|number" class="layui-input">...phone(手机号) email(邮箱)...
  • layui输入框验证规则

    千次阅读 2020-08-27 15:09:02
    4、验证手机号:lay-verify=”phone” 5、验证邮箱:lay-verify=”email” 6、验证身份证:lay-verify=”identity” 7、验证日期:lay-verify=”date” 8、验证链接:lay-verify=”url” 9、自定义密码验证:lay-...
  • Layui官方js正则验证手机号,邮箱,网址,日期,身份证。从官方js里挖出来的,正则表达式,赶紧收藏。js正则验证手机号:/^1\d{10}$/js正则验证邮箱:/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4...
  • 文本框,手机,邮箱,textarea等格式的验证 js">     HTML代码: [html] view plain copy form class="layui-form" action="">   div class=...
  • 在网上看到很多validform和layer配合的验证方式,但是觉得写的不好,不清不楚的,于是研究了一下layui原生的验证 1. 在需要验证的item上加 lay-verify=“value” ,在提交按钮上加 lay-submit lay-filter=“go” 两...
  • layui表单验证方式大全

    千次阅读 2019-08-23 14:14:04
    phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) input表单添加 lay‐verify="required|email" 自定义验证 自定义值 同时支持多条规则的验证: 格式:lay‐verify=”...
  • 当使用layui验证规则,比如 手机, <input type="text" name="userName" lay-verify="phone" placeholder="" autocomplete="off" class="layui-input"> 此时,该输入框可为空, 表单就提交不了。 可自定义...
  • layui原生表单验证

    千次阅读 2017-07-18 10:34:19
    在网上看到很多validform和layer配合的验证方式,但是觉得写的不好,不清不楚的,于是研究了一下layui原生的验证 1.在需要验证的item上加 lay-verify=“value” ,在提交按钮上加 lay-submit lay-filter=...
  • Layui】表单验证

    千次阅读 2018-12-18 14:23:45
    layui表单验证的属性 required(必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证)     关于layui的表单验证已经做得很简单了,下边使用案例来解释   ...
  • 版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权...Layui官方js正则验证手机号,邮箱,网址,日期,身份证。从官方js里挖出来的,正则表达式,赶紧收藏。 js正则验证手机号:/^1\d{10}$/ js正则验证邮箱:/...
  • Layui手动验证表单必填项

    千次阅读 2020-07-28 17:01:08
    //验证规则设定 var verifyConfig = { required: [ /[\S]+/ ,'必填项不能为空' ] ,phone: [ /^1\d{10}$/ ,'请输入正确的手机号' ] ,email: [ /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2...
  • //自定义验证规则 form.verify({ name: function(value, item){//value:表单的值、item:表单的DOM对象 if(!new RegExp(’1+′).test(value))return′不能有特殊字符′;if(/(_)∣(_)∣(_+&amp;#x27;).test...
  • Layui form 表单验证lay-verify

    万次阅读 2018-10-14 11:56:24
    layui 表单 1.表单自带校验 lay-verify:是表单验证的关键字  有以下值供选择: required (必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义值 同时支持...
  • layui 表单 1.表单自带校验 lay-verify:是表单验证的关键字 有以下值供选择: required (必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义值 同时支持多条...
  • layui表单ajax自定义验证

    千次阅读 2018-07-10 10:05:35
    layui表单自定义验证用户名是否存在,一开始在下面1处放return,总是不成功,查看发现return要写在最后,即现在的2处 form.verify({ pass: [/(.+){6,12}$/, '密码必须6到12位'] ,nphone: [/(^$)|^1\d{10}$/, '请...
  • //form自定义校验,使用在标签上lay-verify="phoneRequiredFalse" 非必填项验证:新增部分:(^$)| form.verify({ phoneRequiredFalse:[/(^$)|^1\d{10}$/,'请输入正确的手机号'], emailRequiredFalse:[/(^$)|^([a-...

空空如也

空空如也

1 2 3 4
收藏数 71
精华内容 28
关键字:

layui验证手机