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

只需使用插件......随着您的成长，可以获得更大的灵活性。

这是免费的一分钟谷歌。

http://jqueryvalidation.org/

Answer 2

检查

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 3

试试这个，

$(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 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。谷歌是你的朋友，总是寻找插件（可能是其他人遇到了同样的问题）

使用jquery和javascript代码进行表单验证

6 个答案: