0

フォームがあり、focusinイベントとfocusoutイベントを使用して、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


});
4

2 に答える 2

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

また

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

disabled属性は、状態を示すために BOOLEAN にすることもできます。jQueryには.attr()、

.prop()要素の属性にアクセスする関数。私は使用しまし.prop()た、あなたも使用できます

.attr().

于 2013-01-30T07:04:17.463 に答える
0

これを試すことができます：

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、属性を削除する必要がありますdisabled

于 2013-01-30T07:04:53.293 に答える