1

我正在使用 jQuery 验证插件，它可以显示错误消息。但是，如果有人在未修复必填字段的情况下提交表单，则表单仍会提交。

我如何告诉 jQuery 如果表单无效，它不应该提交表单或做任何其他事情（如淡出等）？

这是我的代码：

$(function(){
$("#my-form").validate();
});

$(function(){
$('form[name="required-form"]').submit(function(event){
    $('#required-form').fadeOut("slow", function () {
    $('#optional-form').fadeIn("slow");
});

相反，我想说这样的话：

$(function(){
$("#my-form").validate();
});

$(function(){
$('form[name="required-form"]').submit(function(event){
    // ONLY IF THE FORM IS VALID, ALLOW THE FORM TO SUBMIT, AND THEN CONTINUE BELOW
    $('#required-form').fadeOut("slow", function () {
    $('#optional-form').fadeIn("slow");
});

谢谢！

4

2 回答 2

1

使用 javascript 或 jquery 提交表单时，即使标记为必填的字段为空，也会提交表单。

您可以设置所需的文本框的 idtxtBox并使用以下代码-

$(function(){
$("#my-form").validate();
});

$(function(){
if($("#txtBox").val() != ""){
$('form[name="required-form"]').submit(function(event){
    $('#required-form').fadeOut("slow", function () {
    $('#optional-form').fadeIn("slow");
}
else{alert('Please fill in the required fields');}
});

您还可以使用表单的 onsubmit 事件，即。<form onsubmit="return validate()">这样做。这可以按如下方式完成 -

$(function(){
$("#my-form").validate();
});

$(function(){
if($("#txtBox").val() == ""){return false;}
else{ 
return true;
//fade in and fade out here 
}
});
于 2013-06-30T15:57:07.153 回答
-2

如果您发布您的html代码，问题将变得更加清晰。

您发布的代码缺少括号，这可能导致了问题。通常，jQuery 验证插件不会提交无效的表单。

要显示自定义验证消息，请参阅：http: //jqueryvalidation.org/reference/

于 2013-06-30T17:46:45.977 回答