script type text javascript функция отрисовки красной границы вокруг о

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<script type="text/javascript">
// функция отрисовки красной границы вокруг объекта
function redField(id)
{
id.style.border='1px solid #cc0000';
}
// функция проверки формы
function checkform()
{
// проверяем поле name
var _name=document.forms.myform.name;
if ( (_name.value == null) || (document.getElementById('name').value.length <= 3) )
{
alert("Заполните поле: Имя отправителя");
redField(_name);
_name.focus();
return false;
}
// проверяем поле email на заполненность
if ( (document.forms.myform.email.value == null) || (document.getElementById('email').value.length < 6) )
{
alert("Заполните поле: E-mail отправителя");
redField (document.forms.myform.email);
document.forms.myform.email.focus();
return false;
}
// проверяем поле email на правильность email
if (! (/^\w+[-_\.]*\w+@\w+-?\w+\.[a-z]{2,4}$/.test(document.forms.myform.email.value)) )
{
alert("Введите правильный e-mail адрес");
redField (document.forms.myform.email);
document.forms.myform.email.focus();
return false;
}
//тоже самое для тупых
// if (document.forms.myform.email.value.indexOf('@')==-1)
// {
// alert("Введите правильный e-mail адрес");
// redField (document.forms.myform.email);
// document.forms.myform.email.focus();
// return false;
// }
// проверяем поле text на наличие текста
if ( (document.forms.myform.text.value == null) || (document.getElementById('text').value.length < 10) )
{
alert("Заполните поле: Текст письма");
document.forms.myform.text.focus();
return false;
}
// проверяем поле список на выбранный пункт 'ДА'
if (document.getElementById('valid').options[document.getElementById('valid').selectedIndex].value == 'no')
{
alert("данные недействительны!");
redField(document.forms.myform.valid);
document.forms.myform.valid.focus();
return false;
}
// проверяем окружность Земли
if (document.getElementById('check1').checked!=true)
{
alert("Земля квадратная чтоли?");
redField(document.forms.myform.check1);
document.forms.myform.check1.focus();
return false;
}
return true;
}
</script>
<!-- html форма -->
<form name="myform" id="myfrom" action="" method="post" onsubmit="return checkform();">
Имя:<br /> <input type="text" name="name" id="name" /><br />
E-mail отправителя:<br /> <input type="text" name="email" id="email" /><br />
Текст письма:<br /> <textarea name="mailtext" id="text" cols="35" rows="5"></textarea><br />
Данные достоверны?:<br /><select id="valid" name="valid">
<option value="no" selected="selected">НЕТ</option>
<option value="yes">ДА</option>
</select><br /><br />
<input type="checkbox" name="check1" id="check1"> Я согласен с мнением что земля круглая.<br /><br />
<input type="submit" value="Отправить" />
</form>