Привет! есть форма которая открывается в модальном окне, 2 поля обязательны(возможно будут еще).
При вводе данных сразу проверяется на корректность.
Если есть ошибка то бордер становится красным, если все ок то зеленый
У кнопка отправить стоит атрибут disabled.
вот собственно код| Код | $(document).ready(function() {
$("#contactEmail").keyup(function(){
var email = $("#contactEmail").val();
if(email != 0)
{
if(isValidEmailAddress(email))
{
$("#contactEmail").css({"border-color": "#00FF89"});
hasError="";
} else {
$("#contactEmail").css({"border-color":"red"});
hasError="ErrorMAil";
}
} else {
$("#contactEmail").css({
"background-image": "none"
});
}
});
});
function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
}
$(function() {
maxchars = 2;
number = $("input[id='text-count']").val().length;
$("input[id='text-count']").keyup(function count(){
if(number >= maxchars){
$("#text-count").css({"border-color": "#00FF89"});
$("#button").removeAttr("disabled")
}
else{
$("#text-count").css({"border-color":"red"});
}
number = $("input[id='text-count']").val().length;
$("#count").html("Количество введенных символов: "+number);
});
}); |
|