Привет! есть форма которая открывается в модальном окне, 2 поля обязательны(возможно будут еще).
При вводе данных сразу проверяется на корректность.
Если есть ошибка то бордер становится красным, если все ок то зеленый
У кнопка отправить стоит атрибут disabled.
вот собственно код CODE ( javascript):
скопировать код в буфер обмена
$(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); }); });
Вообщем здесь осталось только проверить hasError на наличие ошибок, но откуда ее вставить не знаю?
|