Question

我是jquery的新手。我在谷歌搜索，我得到了Validation Plugin。但它不起作用。我在标题部分附加了jquery.validate.js。

我的代码看起来像......

  <form action="" method="" id="contact">
            <div class="form-group"">
                <label> Your Name </label>
                <input type="text" class="form-control" placeholder="Enter Your Name" id="firstname" required="" minlength="5"/>
            </div>

            <div class="form-group">
                <label> Your E-mail </label>
                <input type="email" class="form-control" placeholder="Enter Your Email" id="email"/>
            </div>
  <button type="submit" class="btn btn-primary btn-lg"> Send</button>
 </form>

  <script type="text/javascript"> 
    $('#contact').validate({
     success: function(label){
    label.addClass("has-success").text("ok");
    }
  });
</script>

但它没有验证我的领域......有谁能说如何使用它？我知道我在这里做错了但是我是新手所以......

Answer 1

尝试使用文档就绪指令：

$(function(){
   $('#contact').validate();
});

它有效：http://jsfiddle.net/RQMaV/15/

Answer 2

您是否在项目目录中包含了jquery-plugin validation.js文件？如果不是，那么您需要包含http://www.websitecodetutorials.com/code/jquery-plugins/validation.js

Answer 3

提交按钮是基本的，因为它会触发验证功能：

$("#myform").validate({
  submitHandler: function(form) { // this line is important
    form.submit(); // with this line the validate function gets fired
  }
 });

也许你也应该尝试以下：

- 确保您的jquery库已正确嵌入文档中

- 确保您的validation.js位于正确的文件夹

如何使用jquery验证插件验证字段

3 个答案: