验证焦点和点击事件

Question

im working with some validation on focus out event now i want to check all these validation on button click event how can i do that

$("#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

Repeated code is ought to be a function , so define this 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');
    }
}

Then, you call this function on your events:

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

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