如何使用jQueryvalidation登录表单？

谁能告诉我如何使用jQuery Validate插件validation登录表单？

我试过这段代码：

     $(document).ready(function(){ $("#loginform").validate({ rules:{ //name:"required", username:"required", password:"required", gender:"required", }, messages:{ email:"This field cannot be empty", password:{ required:"specify password", }, }); });  

和HTML代码如下：

 
 
  
 Login 
 
 
 
 
 Username  
 
 Password  
  Remember me 
 Forgot your password? 
 
 
  
  

validation无效。

请帮帮我。

Answer 1

它不起作用，因为您有大量的语法和格式错误。 validate()插件在input字段上使用name属性。 您的两个字段使用email和password作为其name attribute 。 我甚至不知道你的函数为什么包含gender ，因为它不包含在我能看到的任何地方的HTML中。

您的代码有很多问题：

• 错过了一个大括号， }
• 您没有名为"gender"的字段，因此我删除了此规则。
• username:"required",不是此规则的典型格式。 应该是required: true,
• 当字段的name属性为"email"时，不恰当地定位"username" "email"
• 你在jQuery代码中拼错了#loginForm
• 如果您要在jQuery中指定规则，则在input不需要class="required" ，因此请从HTML中删除它。
• 许多“尾随逗号”被删除，这将导致某些版本的资源管理器出现问题

只是一个提示：当代码正确缩进时，许多语法错误会更容易被发现。

假设您的form的HTML是正确的，您的jQuery应如下所示：

 $(document).ready(function(){ $("#loginForm").validate({ rules: { email: { required: true }, password: { required: true } }, messages: { email: { required: "specify email" }, password: { required: "specify password" } } }); }); 

工作演示：

http://jsfiddle.net/fYdkL/1/

---

文档：

http://docs.jquery.com/Plugins/Validation

官方示例：

http://jquery.bassistance.de/validate/demo/