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

相比之前的要更简单些