JavaScript может использоваться для проверки полей форм на правильность заполнения перед их отправкой на сервер.
ТвитнутьПримеры проверок, которые возможно реализовать с помощью JavaScript:
Проверка форм в JavaScript возможна благодаря событию onSubmit.
Если у тэга form атрибут onsubmit="return true" форма будет отправлена на сервер, если же onsubmit="return false", то форма на сервер отправлена не будет.
Пример
<html>
<head>
<script type="text/javascript">
function validate(){
//Считаем значения из полей name и email в переменные x и y
var x=document.forms["form"]["name"].value;
var y=document.forms["form"]["email"].value;
//Если поле name пустое выведем сообщение и предотвратим отправку формы
if (x.length==0){
document.getElementById("namef").innerHTML="*данное поле обязательно для
заполнения";
return false;
}
//Если поле email пустое выведем сообщение и предотвратим отправку формы
if (y.length==0){
document.getElementById("emailf").innerHTML="*данное поле обязательно для
заполнения";
return false;
}
//Проверим содержит ли значение введенное в поле email символы @ и .
at=y.indexOf("@");
dot=y.indexOf(".");
//Если поле не содержит эти символы знач email введен не верно
if (at<1 || dot <1){
document.getElementById("emailf").innerHTML="*email введен не верно";
return false;
}
}
</script>
</head>
<body>
<form name="form" onsubmit="return validate()">
Имя: <input type="text" name="name"> <span style="color:red" id="namef"></span><br />
e-mail: <input type="text" name="email"> <span style="color:red" id="emailf"></span>
<br /><input type="submit" value="Отправить форму">
</form>
</body>
</html>