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*$/
                  ,'只能输入整数哦'
              ]
          });

    相比之前的要更简单些

  • 相关阅读:
    Promise前期准备---区别实例对象与函数对象
    es6之函数参数默认值、字符串方法、for of
    es6之剩余和扩展参数
    es6之解构赋值
    es6之set和map
    前端知识点总结
    jQuery的12种选择器
    前端面试总结
    Closure
    PHP 中 16 个魔术方法详解
  • 原文地址:https://www.cnblogs.com/a973692898/p/11683733.html
Copyright © 2011-2022 走看看