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

相比之前的要更簡單些