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

我是jquery中的新手。我在谷歌搜索，我得到Validation Plugin。但它不起作用。我在我的标题部分附加了jquery.validate.js。如何使用jQuery验证插件验证字段

我的代码看起来像...

<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>

，但它不是我的验证领域......任何人都可以说，如何使用它？我知道我在这里做一些错误的，但我是新手所以...

来源

2013-10-23 404 Not Found

提交按钮在哪里？ – grigno

对不起，我忘了复制 –

尝试使用文档准备指令：

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

它的工作原理：http://jsfiddle.net/RQMaV/15/

来源

2013-10-23 10:24:51 grigno

我只是把$（'＃contact'）。validate（）放在窗体的下边，它工作。非常感谢...更多的问题，我添加bootstrap 3.0 has-success类，当它成功，但它没有采取该类...请检查我编辑的代码... –

是否包含jQuery的插件validation.js文件在你的项目目录？如果没有，那么你需要包括http://www.websitecodetutorials.com/code/jquery-plugins/validation.js

来源

2013-10-23 10:29:01 LHH

我已经从给定链接下载文件。因为他们给了我包含的jquery.validate.js。 –

查看js小提琴链接..http：//jsfiddle.net/shaneblake/RQMaV/可能会帮助你 – LHH

我只是把$（'＃contact'）。validate（）放在窗体的下边，它就起作用了。非常感谢...另外一个问题，我添加了bootstrap 3.0 has-success类，当它成功但它没有考虑那个类...请检查我编辑的代码... –

提交按钮是呈香，因为它激发了验证功能：

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

也许你也应该尝试以下操作：

- 确保你的jQuery库是正确的嵌入在您的文档中

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

来源

2013-10-23 10:31:34 infidel

我只是把$（'＃contact'）。验证（）在窗体的下侧，它的工作。非常感谢...另外一个问题，我添加了bootstrap 3.0 has-success类，当它成功时，但它没有考虑那个类...请检查我编辑的代码... –

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

回答

相关问题