驗證焦點和點擊事件

Question

我正在對焦點事件進行一些驗證，現在我想檢查按鈕單擊事件上的所有這些驗證我該怎么做

$("#ContentPlaceHolder1_txtPassword").focusout(function () {
    var Password = $("#ContentPlaceHolder1_txtPassword").val();
    if (Password == '') {
        $("#ContentPlaceHolder1_txtPassword").css('border-color', 'red');
        $("#ContentPlaceHolder1_spPassword").css('visibility', 'visible');
    }
    else if (Password.length < 8) {
        $("#ContentPlaceHolder1_txtPassword").css('border-color', 'red');
        $("#ContentPlaceHolder1_spPassword").css('visibility', 'visible');
        $("#ContentPlaceHolder1_spPassword").text("Password should be atleast 8 characters ")
    }
    else {
        $("#ContentPlaceHolder1_txtPassword").css('border-color', '');
        $("#ContentPlaceHolder1_spPassword").css('visibility', 'hidden');
    }
});

Answer 1

$('#yourbuttonid').on("click" , function() {
  //your existing above logic comes here
});

Answer 2

重復的代碼應該是一個function ，因此定義以下validation function ：

function validation() {
    var Password = $("#ContentPlaceHolder1_txtPassword").val();
    if (Password == '') {
        $("#ContentPlaceHolder1_txtPassword").css('border-color', 'red');
        $("#ContentPlaceHolder1_spPassword").css('visibility', 'visible');
    }
    else if (Password.length < 8) {
        $("#ContentPlaceHolder1_txtPassword").css('border-color', 'red');
        $("#ContentPlaceHolder1_spPassword").css('visibility', 'visible');
        $("#ContentPlaceHolder1_spPassword").text("Password should be atleast 8 characters ")
    }
    else {
        $("#ContentPlaceHolder1_txtPassword").css('border-color', '');
        $("#ContentPlaceHolder1_spPassword").css('visibility', 'hidden');
    }
}

然后，在事件上調用此function ：

$("#ContentPlaceHolder1_txtPassword").focusout(function () {
    validation();
});

$("#myButton").click(function() {
    validation();
});