当任何值不准确时，我们如何停止 HTML 表单提交按钮

Question

当 HTML 表单元素（如验证码）出现任何错误时，我想停止提交按钮功能。我们的脚本中有几个函数，让我详细解释一下。

1. 仅检查使用 PHP 配置的验证码安全代码（通过 - jquery-1.3.2.js && - validate.js）
2. 通过 AJAX 调用发送数据（通过 - ajaxSubmit.js）

现在我想停止脚本，当任何用户在验证码文本中填写了错误的值时。我们只是简单地禁用提交按钮并收到消息（“表格未正确填写...”）

更新的验证 - 请仅使用验证码进行检查

 <script type="text/javascript">

$.validator.addMethod('myEqual', function (value, element) {
 if ($('#password-password').val() == $('#password-password-confirm').val()) {
      return true;
 }    else return false;
}, 'Your password does not match.');




  $(document).ready(function() {

 $('#password-clear').show();
$('#password-password').hide();

$('#password-clear').focus(function() {
    $('#password-clear').hide();
    $('#password-password').show();
    $('#password-password').focus();
});
$('#password-password').blur(function() {
    if($('#password-password').val() == '') {
        $('#password-clear').show();
        $('#password-password').hide();
    }
});

    $('#password-clear-confirm').show();
$('#password-password-confirm').hide();

$('#password-clear-confirm').focus(function() {
    $('#password-clear-confirm').hide();
    $('#password-password-confirm').show();
    $('#password-password-confirm').focus();
});
$('#password-password-confirm').blur(function() {
    if($('#password-password-confirm').val() == '') {
        $('#password-clear-confirm').show();
        $('#password-password-confirm').hide();
    }
});


var validator = $("#signupform").validate({

    //ignore: ".ignore",

    rules: {

        username: {
            required: true,
            minlength: 5
        },

        captcha: {
            required: true,
            remote: "includes/process.php"
        },

        password: {
            required: true,
            minlength: 5
        },
        passwordconfirm: {
            required: true,
            minlength: 5,
            myEqual: true
        },

        email: {
            required: true,
            email: true
        }
    },
    messages: {


        captcha: "Correct captcha is required. Click the captcha to generate a new one",
        username: {
            required: "Enter a username",
            minlength: jQuery.format("Enter at least {0} characters"),

        },
        password: {
            required: "Provide a password",
            rangelength: jQuery.format("Enter at least {0} characters")
        },
        passwordconfirm: {
            required: "Provide a password",
            rangelength: jQuery.format("Enter at least {0} characters")
        },
    email: {
            required: "Please enter a valid email address",
            minlength: "Please enter a valid email address"
        }


    },
    // the errorPlacement has to take the table layout into account
    errorPlacement: function(error, element) {
        if ( element.is(":radio") )
            error.appendTo( element.parent().next().next() );
        else if ( element.is(":checkbox") )
            error.appendTo ( element.next() );
        else

            error.appendTo( element.parent().next() );
    },

            submitHandler: function() {
        alert("submitted!");
    },

    // specifying a submitHandler prevents the default submit, good for the demo
    // set this class to error-labels to indicate valid fields
    success: function(label) {
        // set &nbsp; as text for IE
        label.html("").addClass("checked");
                      //  form.submit();
    }
});

 });

请建议我适合我们要求的正确代码。

Answer 1

使用 jQuery：

$("#formid").submit(function (){
  if(!your condition){
    return false;
  }
});

Answer 2

使用表单的 onSumbit 属性。为其分配用于检查表单填写是否正确的函数。如果表单填写正确则返回 true；否则返回 false。 False 将停止提交表单。您可以在返回 false 之前显示所需的消息。