Javascript jQuery通过检查错误变量停止提交表单

我有一个带有一些表单字段的简单表单。有些是必需的，有些不是。通过添加类“required”，必填字段为必填字段

当我提交时，我检查

#联系人表单

字段，并在此基础上给出空字段错误类，然后提交表单是或否

将错误类添加到字段中不是问题，但是检查“error”变量是有问题的。因为我不知道在哪里可以检查错误变量

这是我的jQuery代码：

$('#contact-form').submit(function (event) {
    var errors = false;
    $(this).find('.required').each(function () {
        if ($(this).val().length < 1) {
            $(this).addClass('error');
            errors = true;
        }
    });
    if (errors == true) {
        event.preventDefault();
    }
});

$('#contact-form').submit(function (event) {
    var errors = false;
    $(this).find('.required').each(function () {
        if ($(this).val().length < 1) {
            $(this).addClass('error');
            errors = true;
        }
    });
    if (errors == true) {
        event.preventDefault();
    }
});

$（“#联系方式”）.submit（函数（事件）{
var错误=错误；
$（this）.find（'.required'）。each（函数（）{
if（$（this）.val（）.length<1）{
$（this.addClass（'error'）；
错误=正确；
}
});
如果（错误==true）{
event.preventDefault（）；
}
});

---

以下代码应满足您的要求，只需将联系人表单提交按钮的id设置为

#联系人表单按钮

$('#contact-form-button').click(function(e) {  // using click function
                                               // on contact form submit button
    e.preventDefault();  // stop form from submitting right away

    var error = false;

    $(this).find('.required').each(function () {
        if ($(this).val().length < 1) {
            $(this).addClass('error');
            error = true;
        }
    });

    if (!error) {                     // if not any errors
        $('#contact-form').submit();  // you submit form
    }

});

$（“#联系人表单按钮”）。单击（函数（e）{//使用单击函数
//“联系人表单提交”按钮
e、 preventDefault（）；//立即停止表单提交
var错误=错误；
$（this）.find（'.required'）。each（函数（）{
if（$（this）.val（）.length<1）{
$（this.addClass（'error'）；
错误=真；
}
});
if（！error）{//如果没有任何错误
$（“#联系人表单”）.submit（）；//您可以提交表单
}
});

以下代码应满足您的要求，只需将联系人表单提交按钮的id设置为

#联系人表单按钮

$('#contact-form-button').click(function(e) {  // using click function
                                               // on contact form submit button
    e.preventDefault();  // stop form from submitting right away

    var error = false;

    $(this).find('.required').each(function () {
        if ($(this).val().length < 1) {
            $(this).addClass('error');
            error = true;
        }
    });

    if (!error) {                     // if not any errors
        $('#contact-form').submit();  // you submit form
    }

});

$（“#联系人表单按钮”）。单击（函数（e）{//使用单击函数
//“联系人表单提交”按钮
e、 preventDefault（）；//立即停止表单提交
var错误=错误；
$（this）.find（'.required'）。each（函数（）{
if（$（this）.val（）.length<1）{
$（this.addClass（'error'）；
错误=真；
}
});
if（！error）{//如果没有任何错误
$（“#联系人表单”）.submit（）；//您可以提交表单
}
});

我发现我的代码可以正常工作。我认为它不起作用的原因是，我仍然在使用PHP处理我真正的网站，我在jQuery中设置了1个必填字段，而不是。这造成了混乱

因此，以下代码起作用：

$（“#联系方式”）.submit（函数（事件）{
var错误=错误；
$（this）.find（'.required'）。each（函数（）{
if（$（this）.val（）.length<1）{
$（this.addClass（'error'）；
错误=正确；
}
});
如果（错误==true）{
event.preventDefault（）；
}
});

我发现我的代码可以正常工作。我认为它不起作用的原因是，我仍然在使用PHP处理我真正的网站，我在jQuery中设置了1个必填字段，而不是。这造成了混乱

因此，以下代码起作用：

$（“#联系方式”）.submit（函数（事件）{
var错误=错误；
$（this）.find（'.required'）。each（函数（）{
if（$（this）.val（）.length<1）{
$（this.addClass（'error'）；
错误=正确；
}
});
如果（错误==true）{
event.preventDefault（）；
}
});

$（“#联系方式”）。提交（功能（事件）{
var错误=错误；
$（this）.find（'.required'）。each（函数（）{
if（$（this）.val（）.length<1）{
$（this.addClass（'error'）；
错误=正确；
}
});
如果（错误==true）{
event.preventDefault（）；
返回false；
}
返回true；
})

如果验证成功通过，则提交表单（“#联系表单”）返回true。提交（函数（事件）{ var错误=错误； $（this）.find（'.required'）。each（函数（）{ if（$（this）.val（）.length<1）{ $（this.addClass（'error'）； 错误=正确； } }); 如果（错误==true）{ event.preventDefault（）； 返回false； } 返回true； })

---

如果验证成功通过，则提交表单时返回true

是否可以创建小提琴？代码对我来说似乎没问题。创建JSFIDLEplease@PratikJoshi这是JSFIDLE，您检查“error”变量是什么意思？代码对我来说似乎非常有效。您能创建一个FIDLE吗？代码对我来说似乎没问题。创建JSFIDLEplease@PratikJoshi下面是JSFIDLE，您检查“error”变量是什么意思？代码对我来说似乎非常适合。