ITPub博客

首页 > 应用开发 > Javascript > Layui 自定义表单验证

Layui 自定义表单验证

原创 Javascript 作者:胡田新 时间:2020-12-07 14:30:06 0 删除 编辑

--------------表单自带校验--------------

lay‐verify:是表单验证的关键字

required (必填项)

phone(手机号)

email(邮箱)

url(网址)

number(数字)

date(日期)

identity(身份证)

input表单添加 lay‐verify="required|email"



<script>

    //自定义值

    //同时支持多条规则的验证:

    //格式:lay‐verify="验证A|验证B"

    //如:lay‐verify="required|phone|number"

    layui.use([ 'form' ], function() {

    var form = layui.form;      

    /* 自定义表单验证 */

    form.verify({

            checkUser_name : 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 '用户名不能全为数字';

            }

            if (value.length < 3 || value.length > 12) {

            return '用户名必须3到12位';

            }

            },

            checkUser_pwd : [ /^[\S]{6,12}$/, '密码必须6到12位,且不能出现空格' ],

            CarNo: function (value, item) { // value:表单的值、item:表单的DOM对象    

                var express = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;

                if (!new RegExp(express).test(value)) {

                    return '请输入正确的车牌号码';

                }

            }

        });

    });

</script>


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/31486267/viewspace-2740001/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2017-08-30

  • 博文量
    19
  • 访问量
    26881