Форум

Apelcun77 · #11 (**permalink**) 26.11.2013, 15:48

рони, я взял вашу форму, все работает, но она не хочет возращать return true, и даже если все правильно заполнено то не отправляется запрос, что делать?

рони · #12 (**permalink**) 26.11.2013, 15:51

Сообщение от Apelcun77

я взял вашу форму

???

Сообщение от Apelcun77

не хочет возращать return true

код где ?

рони · #13 (**permalink**) 26.11.2013, 16:35

Apelcun77,

изучите основы ...

<!DOCTYPE html>

<html>
<head>
  <title>Сайт тыры пыры там</title>
  <meta charset="utf-8">
  <style type="text/css">
  #error_register{
    color: #FF0000;
  }

  </style>
  <script language="javascript">

  var alpha = /^[()\-.\/@^_а-яА-ЯёЁ\w]+$/;
  function firstnameuser(firstname) {
    var firstname_check = document.getElementById("firstname_check");
    if (firstname.value.length < 2) {
    firstname_check.innerHTML = "Минимум 2 символа";}
    else if(firstname.value.length > 15){
          firstname_check.innerHTML = "Превышена длина";}
    else  {
        firstname_check.innerHTML = alpha.test(firstname.value) ? '+' : 'Некорректные символы';
  }
   }
  function emailuser(email) {
    var email_check = document.getElementById("email_check");
    if (email.value.length < 2) {
    email_check.innerHTML = "Минимум 2 символа";}
   else if (email.value.length > 25) {
    email_check.innerHTML = "Превышена длина";
    }
   else{
    email_check.innerHTML = alpha.test(email.value) ? '+' : 'Некорректные символы';
    }

  }

  function female_male() {
  document.getElementById("female_male").innerHTML = "+";
  }


  function checkForm() {
  var reg_error = document.getElementById("error_register");
  reg_error.innerHTML  = "";
  if (document.getElementById("firstname_check").innerHTML != "+") {
  reg_error.innerHTML  = "Имя заполнено неверно";
  };
  if (document.getElementById("email_check").innerHTML != "+") {
  reg_error.innerHTML  = "E-mail заполнен неверно";
  };
  if (document.getElementById("female_male").innerHTML != "+") {
  reg_error.innerHTML  = "Пол не указан";
  };
  if (reg_error.innerHTML  == "") return true;
  if (reg_error.innerHTML  != "") return false;
  }


  </script>
</head>

<body>
  <img src="images/head.jpg" width="1900" height="200">

  <table width="1960">
    <tr>
      <td valign="top">
        <h2>Меню</h2>

        <ul>
          <li>
            <a href="index.html">Главная</a>
          </li>

          <li>
            <a href="games.html">Игры</a>
          </li>

          <li>
            <a href="films.html">фильмы</a>
          </li>

          <li>
            <a href="feedback.html">Обратная связь</a>
          </li>
        </ul>
      </td>

      <td>
        <h1>Обратная связь</h1><span id="error_register"></span>

        <form action="request.php" method="post" name="feedback" onsubmit="return checkForm()" id="feedback">
          <label>Сообщение:</label>
          <textarea name="message" cols="40" rows="10">
</textarea><br>

          <div style="border: 1px double black; padding: 3px; width: 165px;" id="symbols">
            Не более 450 символов!
          </div><input type="checkbox" name="news">Присылать уведомления на
          почту<br>
          <input type="submit" value="Подтвердить">

          <table>
            <tr>
              <td><label>Имя:</label></td>

              <td><input type="text" name="firstname" onblur="firstnameuser(this)"></td>

              <td width="200">
                <p id="firstname_check"></p>
              </td>
            </tr>

            <tr>
              <td><label>E-mail</label></td>

              <td><input type="text" name="email" onblur="emailuser(this)"></td>

              <td width="200">
                <p id="email_check"></p>
              </td>
            </tr>

            <tr>
              <td><label>Пол:</label></td>

              <td><input type="radio" name="floor" value="male" onclick =
              "female_male()">Мужской <input type="radio" name="floor" value="female"
              onclick="female_male()">Женский</td>

              <td width="200">
                <p id="female_male"></p>
              </td>
            </tr>

            <tr>
              <td><label>Выбирите тему:</label></td>

              <td><select name="subject">
                <option value="review selected">
                  Отзыв
                </option>

                <option value="suggestion">
                  Предложение
                </option>

                <option value="problems">
                  Жалоба
                </option>
              </select></td>
            </tr>
          </table>
        </form>
      </td>
    </tr>
  </table>
</body>
</html>

Rise · #14 (**permalink**) 26.11.2013, 17:25

Apelcun77, для примера:

<form name="feedback">
    <table>
        <tr><td>Имя:</td><td><input type="text" name="name"> <span></span></td></tr>
        <tr><td>E-mail:</td><td><input type="text" name="email"> <span></span></td></tr>
        <tr><td colspan="2"><input type="submit" value="Отправить"></td></tr>
    </table>
</form>

<script>

document.feedback.name.onblur = checkField;
document.feedback.email.onblur = checkField;

function checkField() {
  switch(this.name) {
    case 'name':
      this.nextElementSibling.innerHTML = (/^[a-zёа-я]{2,15}$/i).test(this.value)?'+':'Некорректное имя';
      break;
    case 'email':
      this.nextElementSibling.innerHTML = (/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,6}$/i).test(this.value)?'+':'Некорректный e-mail';
  }
}

document.feedback.onsubmit = function() {
    this.name.onblur();
    this.email.onblur();
    if (this.name.nextElementSibling.innerHTML == '+' && this.email.nextElementSibling.innerHTML == '+') {
        alert('Отправлено');
        // return true;
    }
    return false;
}

</script>

Форум

Справочник

Discord чат

Курсы javascript