表单验证

Question

我试图验证我的形式空字段，但我不知道我应该用什么代码可以有人请告诉我 我曾尝试下面的代码，但它不工作

$("validate").submit(function(event){ 
    $(".offset2").each(function(index) { 
     if ($(this).val() == 0) { 
      $("#error").css({"display": "inline"}).text("Some of the fields are empty"); 
      event.preventDefault(); 
     } 
    }); 
}); 

Answer 1

试试这个，

$(function(){ 
    $("validate").submit(function(event){ 
     event.preventDefault(); 
     var status=true; 
     $(".offset2").each(function(index) { 
      if (!$(this).val()) { 
       $("#error").css({"display": "inline"}).text("Some of the fields are empty"); 
       status=false; 
      } 
     }); 
     return status; 
    }); 
}); 

Answer 2

只需使用插件....因为你变得更加灵活。

这是谷歌1分钟后免费。

http://jqueryvalidation.org/

Answer 3

入住这

if ($(this).val().length == 0) { // .length is missing in your code 
    // Show Error 
} 
// Or 
if (!$(this).val()) { // Empty string is consider as false type in JavaScript 
    // Show Error 
} 

Answer 4

不是你 “验证” 之前错过了 “＃”。

$("#validate").submit(function(event){ 
     $(".offset2").each(function(index) { 
      if ($(this).val() == 0) { 
       $("#error").css({"display": "inline"}).text("Some of the fields are empty"); 
       event.preventDefault(); 
      } 
     }); 
    } 

); 

http://api.jquery.com/submit/

Answer 5

我肯定会推荐H5Validate http://ericleads.com/h5validate/

它允许您要用于验证正确的HTML5属性。

Answer 6

@CodeMonkeyForHire建议使用插件。最常用的是jQueryValidation。它可以让你写类似这样的标记：

<input id="cname" name="name" minlength="2" type="text" required/> 

，然后在你的提交按钮，你做一个单一的呼叫来验证表单内的所有元素：

$("#commentForm").validate(); 

有喜欢ParselyJs或许多其他框架ValidateJs，你可以试试。

P.S.谷歌是你的朋友，总是寻找插件（可能是别人也有同样的问题）