layui的 input正则校验必填和必须为正整数

zheshihuahua

于 2024-06-24 10:22:04 发布

阅读量462

点赞数 2

文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/zheshihuahua/article/details/139918015

版权

表单部分：

  <div class="layui-col-md6 layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">氮化次数</label>
                    <div class="layui-input-block">
                        <input type="text" name="nitridingFrequency" lay-verify="required|integer" placeholder="请输入氮化次数"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>

js部分：


layui.use(['form'], function(){
  var form = layui.form;
  
  // 自定义验证规则
  form.verify({
    integer: function(value){
      if(value == 0 || value < 0 || isNaN(value) || /^[0-9]*$/.test(value) == false){
        return '必须输入正整数';
      }
    }
  });
  
  // 监听提交
  form.on('submit(formDemo)', function(data){
    // 提交数据操作...
    return false; // 阻止表单默认提交
  });
});