Question

我有以下jquery代码

$().ready(function){
    $("#Form").validate({
        rules:{
            DL:{
                minlength:2
            }
        }
    });

}   
message:{
    DL:{
        minlength:"DL should be of at least 5";
    }
}

所需的验证是字段DL的长度应为5。 html代码在

下面

                    <div class="form-group">
                        <label for="exampleInputText">Driving License Number</label><input
                            type="text" class="form-control" id="DL" required>
                    </div>

但是，在点击按钮后，页面似乎没有验证，而是显示消息，页面只是向上滚动。

Answer 1

这是您的解决方案

https://jsfiddle.net/geradrum/far1fj1n/

所有代码都有语法错误。

$()应为$(document)

Answer 2

主要问题是规则对象会查找元素的名称，而您使用的是元素的ID。

<强>的index.html

<form id="FORM">
  <div class="form-group">
    <label for="exampleInputText">Driving License Number</label><input type="text" class="form-control" name="DL" required>
  </div>
  <input type="submit" value="Validate!">
</form>

<强> app.js

$(document).ready(function(){
  $( "#FORM" ).validate({
    rules: {
      DL: {
        required: true,
       minlength: 5
      }
    },
    messages: {
      DL: "DL should be of at least 5"
    }
  });
});

无法验证引导程序

2 个答案: