2014-12-27 3 views
1

им работать с некоторой проверкой на фокус аута Теперь я хочу, чтобы проверить все эти проверки на событии нажатия кнопки, как я могу это сделатьпроверка на focusout и нажмите событие

$("#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'); 
    } 
}); 
+0

помните, что у меня есть несколько полей –

ответ

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

, если я использую это, то все focusout событие не будет работать в центре внимания из я попытался это –

+0

$ («# ContentPlaceHolder1_txtPassword»). На («focusout», функция() { // ваша логика }); Убедитесь, что jquery может найти ваш элемент, и вы загрузили jquery. Также убедитесь, что вы пишете свой скрипт после того, как вы отобрали html. Этот метод гарантирует, что jquery может найти ваш элемент через идентификатор, который вы поставляете. Если возможно, поделитесь своим html-кодом тоже. –

+0

Также я предлагаю использовать любое одно событие для проверки. При щелчке предпочтительнее. Потому что, когда вы нажимаете на кнопку, событие фокуса будет срабатывать в любом случае. Поэтому не нужно держать оба события. –

0

Повторного код должна быть function, поэтому определить этот validationfunction:

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(); 
}); 
Смежные вопросы