zoukankan      html  css  js  c++  java
  • Layui++:layui表单自带验证

    1、表单自带校验

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

    有以下值供选择:

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

    自定义值:

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

    格式:lay-verify=”验证A|验证B” 

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

    2、正则表达式

    <input name="location" class="layui-input" lay-verify="number|Ndouble" type="text"/>

    Ndouble 加了下划线的哦,我们自定义这个Ndouble

    //自定义表单验证
          form.verify({
              Ndouble:[
                  /^[1-9]d*$/
                  ,'只能输入整数哦'
              ]
          });
    3、layui中使用lay-verify进行表单项的校验,但是点击提交按钮无效,仔细搜索资料发现这个校验要满足两个条件
      1.form标签需要添加 class="layui-form"
      2.提交按钮需要添加 lay-submit=""
    注意:这个提交按钮要写在from里面。
  • 相关阅读:
    java第十三周作业
    java第十三周随堂
    安卓作业
    5.29 第十三周作业
    5.28第十三周上机练习
    5.22第十二周作业
    5.21第十二章上机练习
    5.15 第十一周作业
    5.14 第十一周 上机练习
    5.7第十周上机练习
  • 原文地址:https://www.cnblogs.com/codingmode/p/13058100.html
Copyright © 2011-2022 走看看