|
Сообщение от oopros
|
|
У меня был такой css рабочий с одной формой
|
id уникально неповторимо -- вы бы код чтоли взглянули -- нет же там никаких id
тестируйте код ниже и почитайте что нибудь про html css js
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.validate + span {
display: inline-block;
width: 38px;
height: 28px;
background-size: auto;
background-repeat: no-repeat;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".validate").on('input',function() {
var email = $.trim(this.value), $span = $(this).next();
if (email) {
if (isValidEmailAddress(email)) {
$span.css({
"background-image": 'url("http://javascript.ru/forum/images/smilies/dance3.gif")'
});
} else {
$span.css({
"background-image": 'url("http://javascript.ru/forum/images/smilies/cray.gif")'
});
}
} else {
$span.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);
}
</script>
</head>
<body>
<input type='text' name='email[1]' class='validate' ><span></span>
<input type='text' name='email[2]' class='validate' ><span></span>
<input type='text' name='email[3]' class='validate' ><span></span>
</body>
</html>