zoukankan      html  css  js  c++  java
  • layui表单验证 只能是整数

    大部分的layui验证在我另一个博客页面https://www.cnblogs.com/a973692898/p/11577502.html

    这次的是只能输入整数,之前写了一个lay-verify=”required|number”,发现在实际运用中,写小数的,会出现错误信息;换成double也不成

    后来就用了js辅助,看代码:

    <input name="operatorId" lay-verify="suanziId" class="layui-input" type="text">

    额。。。我这个命名可能不怎么规范哈,   上边代码中加下划线的是重点哈;

    //创建一个编辑器
              var editIndex = layedit.build('LAY_demo_editor');
             //自定义验证规则
              form.verify({
                title: function(value){
                  if(value.length < 5){
                    return '标题至少得5个字符啊';
                  }
                }
                ,suanziId: [
                  /^[1-9]d*$/
                  ,'只能是整数哦'
                ]
                ,content: function(value){
                  layedit.sync(editIndex);
                }
              });

    这样就可以限制只能是数字了,其他的限制也可以使用这中方式。只需要不同的正则表达式即可

    今天刚发现一个更简单的自定义验证:

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

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

    //自定义表单验证
          form.verify({
              Ndouble:[
                  /^[1-9]d*$/
                  ,'只能输入整数哦'
              ]
          });

    相比之前的要更简单些

  • 相关阅读:
    set集合 浅层拷贝会和深层拷贝
    "is"与"=="
    元组和字典
    运算符和列表
    Python 基础语法
    supervisor 安装配置详解
    如何运行vue项目
    过目不忘JS正则表达式
    vue Bus总线
    Robot Framework 环境安装(一)
  • 原文地址:https://www.cnblogs.com/a973692898/p/11683733.html
Copyright © 2011-2022 走看看