Здравствуйте!
Я так понял здесь можно задать свой вопрос по JS? Надеюсь я правильно разместил пост. Если что подправьте.
Задача.
Нужно обработать значения полей ввода телефона и email и в случае пустых полей или заполненных не правильно - помигать бордером соответствующей ячейки, запрос при этом на сервер не отсылать. Желательно, но не обязательно отключить кнопку Отправить, если нет значений в полях ввода телефона или email.
Вопросы.
1.Логика вроде бы написана верно, но не могу найти ошибку. Скрипт не работает.
2.Не получается использовать setInterval
3.Не получается отключить кнопку Отправить.
Привожу код. Стили css внутри, скрипт тоже.
|
Код:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><!-- -->
<header>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<title>Форма.</title>
<link href"reset.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
margin:0 auto;
width:975px;
font-family:"Trebuchet MS";
}
#test {
border:1px solid #000;
height:20px;
margin:20px auto;
width:100%;
}
#contact_form {
color:#083481;
margin:0 auto;
padding-top:12px;
width:540px;
}
.text {
color:#000;
font:12px Trebushet MS;
}
.text label {
/*border:1px solid #000;*/
float:left;
left:0;
margin-right:15px;
top:0;
text-align:right;
width:90px;
}
.text input {
background-color:#fff;
border:1px solid #083481;
width:255px;
}
.text textarea{
background-color:#fff;
border:1px solid #083481;
height:115px;
width:400px;
}
.next {
padding: 10px 0 0 105px;
}
#clear {margin-left:8px;}
</style>
</header>
<body>
<!-- <div id="test"></div> -->
<div id="contact_form">
<form method="post" action="mail.html" id="form">
<fieldset>
<h2>Обратная связь</h2>
<p class="text">
<label>Ваше имя:</label>
<input type="text" name="user_fname" value="" id="user_fname" />
</p>
<p class="text">
<label>Телефон:</label>
<input type="text" name="user_tel" value="" id="user_tel" />
</p>
<p class="text">
<label>Email:</label>
<input type="text" name="user_email" value="" id="user_email" />
</p>
<p class="text">
<label>Сообщение</label>
<textarea id="message"></textarea>
</p>
<p class="next">
<input type="submit" id="next" value="Отправить" />
<input type="reset" id="clear" value="Очистить" />
</p>
</fieldset>
</form>
</div>
</body>
</html>
|
Помогите, пожалуйста, сделать проверку формы! Уже мозг кипит 2-ую неделю над решением.
Спасибо.