Question

我有一个表单，我正在使用focusin和focusout事件并验证焦点。我首先禁用了提交按钮，我想在验证后再次启用它。这是我的代码。

    $("document").ready(function() {
    $("#contact_submit").attr("disabled", "disabled");
    $("#first_name").focusin(function() {
        $("#Frist_name_comment").html('Please inter your first name.');
    }).focusout(function() {
        var first_name = $("#first_name").val();
        if(first_name == "") {
            $("#Frist_name_comment").html("First Name is required.");
        }else {
            $("#Frist_name_comment").html('OK');
        }
    });

    $("#last_name").focusin(function() {
        $("#Last_name_comment").html('Please inter your last name.');
    }).focusout(function() {
            var last_name = $("#last_name").val();
        if(last_name == "") {

            $("#Last_name_comment").html("Last Name is required.");
        }else {
            $("#Last_name_comment").html('OK');
        }
    });

    $("#email").focusin(function() {
        $("#Email_comment").html('Please inter a email address.');
    }).focusout(function() {
        var email = $("#email").val();
        var atpos = email.indexOf("@");
        var dotpos = email.lastIndexOf(".");
        if((email == "" || atpos < 1 || dotpos < atpos+2 || dotpos+2 > email.length)) {
            mess == "Not a vallied email.";
            $("#Email_comment").html("Not a valied email.");
        }else {
            $("#Email_comment").html('OK');
        }
    });

    // hear i want to enable submit button after all validation


});

Answer 1

$("button").prop("disabled", true); <== for disabling

或

$("button").prop("disabled", false); <== for enabling

disabled属性也可以是BOOLEAN来指示状态。 jQuery有.attr()和

.prop()用于访问元素的属性。我使用了.prop()，你也可以使用

.attr()。

Answer 2

你可以试试这个：

if($("#Last_name_comment).text()=='OK'|| 
   $('#Frist_name_comment).text()=='OK' || 
   $('#Last_name_comment').text()=='OK' || 
   $('#Email_comment").text()=='OK'){
  $("#contact_submit").removeAttr("disabled");
}

你必须查看OK字符串，如果它在那里删除了attr disabled

所有验证后启用提交按钮

2 个答案: