Проверка введенных данных
Рассмотрим программу, которая будет проверять правильность заполнения формы. Необходимо проверить нет ли пустых строк и правильно ли введен e-mail:
<html>
<head>
<title>пример формы</title>
<script language="JavaScript">
function doClear(){
if(confirm('Обнулить поля формы?'))
document.user.reset()
}
function doSend(){
var s=document.user.e.value
var v=s.indexOf("@",1)
if(document.user.f.value==""){
alert('Вы должны заполнить поле ФИО')
document.user.f.focus()
}
if(document.user.a.value==""){
alert('Вы должны заполнить поле адреса')
document.user.a.focus()
}
if(document.user.e.value==""){
alert('Вы должны заполнить поле e-mail')
document.user.e.focus()
}
if(v==-1){
alert('Адрес e-mail указан неверно')
document.user.e.select()
document.user.e.focus()
}
else
document.user.submit()
}
</script>
</head>
<body>
<p align="center"><font size=6>Данные о пользователе</font>
<form name="user">
<b>Пожалуйста, укажите данные о себе:</b>
<br>
ФИО<input type="text" name="f" size="30"><br>
Адрес<input type="text" name="a" size="35"><br>
e-mai<input type="text" name="e" size="30"><br>
<input type="button" value="Послать" onClick="doSend()"> <input type="button" value="Отменить" onClick="doClear()"> </form></p>
</body>
</html>
На экране отобразится:
Если при нажатии на кнопку "Послать" поля будут пустые - то отобразится сообщение:
Если же все поля заполнены, но в поле ввода e-mail отсутствует символ @, то выдается сообщение:
При нажатии на кнопку "Отменить" - выдается сообщение:
Если выбираем "OK" поля формы обнуляются (информация удаляется), если выбираем "Отмена" - информация в форме остается.