Показать сообщение отдельно
  #7 (permalink)  
Старый 13.02.2015, 13:31
Интересующийся
Отправить личное сообщение для beagle Посмотреть профиль Найти все сообщения от beagle
 
Регистрация: 11.02.2015
Сообщений: 18

Сделал в соответствии с вашим советом, почему-то не срабатывает проверка, возможно где-то в коде накосячил??
<html>
<head>
<script type="text/javascript">
function validate(){
   //Считаем значения из полей name и email в переменные x и y
   var v=document.forms["form"]["company"].value;
   var w=document.forms["form"]["jab"].value;
   var x=document.forms["form"]["name"].value;
   var y=document.forms["form"]["mail"].value;
   var z=document.forms["form"]["phone"].value;
   //Если поле name пустое выведем сообщение и предотвратим отправку формы
     if (v.length==0){
      document.getElementById("companyf").innerHTML="*данное поле обязательно для 
      заполнения";
      return false;
   }
    if (w.length==0){
      document.getElementById("jabf").innerHTML="*данное поле обязательно для 
      заполнения";
      return false;
   }
   
   if (x.length==0){
      document.getElementById("namef").innerHTML="*данное поле обязательно для 
      заполнения";
      return false;
   }
   //Если поле email пустое выведем сообщение и предотвратим отправку формы
   if (y.length==0){
      document.getElementById("mailf").innerHTML="*данное поле обязательно для 
      заполнения";
      return false;
   }
   //Проверим содержит ли значение введенное в поле email символы @ и .
   at=y.indexOf("@");
   dot=y.indexOf(".");
   //Если поле не содержит эти символы знач email введен не верно
   if (at<1 || dot <1){
      document.getElementById("mailf").innerHTML="*email введен не верно";
      return false;
   }
   if (z.length==0){
      document.getElementById("phonef").innerHTML="*данное поле обязательно для 
      заполнения";
      return false;
   }
}
</script>
</head>
<body>
<form name="form" onsubmit="return validate()">
Компания: <input type="text" name="company"> <span style="color:red" id="companyf"></span><br />
Должность: <input type="text" name="jab"> <span style="color:red" id="jabf"></span><br />
Имя: <input type="text" name="name"> <span style="color:red" id="namef"></span><br />
И-mail: <input type="text" name="mail"> <span style="color:red" id="mailf"></span><br />
Телефон: <input type="text" name="phone"> <span style="color:red" id="phonef"></span>

<br /><input type="submit" value="Отправить форму">
</form>
<p><b>Обратите внимание:</b> попробуйте отправить на сервер форму не заполнив все поля.</p>
</body>
</html>
Ответить с цитированием