Несколько методов отправки форм с помощью JS и проверки (обязательно к просмотру)

В работе я обнаружил удобство отправки форм, часто форма успешно отправляется в Internet Explorer, но при переходе к Firefox出现问题, использование кнопки отправки не помогает, поэтому использование JavaScript помогло, не знаю почему. Под давлением моего наставника я总结了 следующие несколько常用的表单 отправки методов.

Первый способ:Подтверждение отправки формы, добавление события onsubmit в тег form для проверки успешной отправки формы

<script type="text/javascript">
   function validate(obj) {
    if (confirm("Подтвердить отправку формы?")) {
      alert(obj.value);
      return true;
    } else {
      alert(obj.value);
      return false;
    }
   }
 </script>
 <body>
  <form action="https://ru.oldtoolbag.com" onsubmit="return validate(document.getElementByIdx_x('myText'));"> <!— Обратите внимание на这种方式 передачи параметра-->
    <input type="text" id="myText"/>
    <input type="submit" value="submit"/>
  </form>
</body>

Второй способ:Используйте кнопку button для вызова события отправки формы onclick="submitForm();", это будет игнорировать другие атрибуты, такие как атрибут onsubmit в теге form, который будет неактивен. В этом случае для выполнения проверки формы можно поместить код проверки в метод submitForm();

<script type="text/javascript">
   function validate() {
    if (confirm("Подтвердить отправку формы?")) {
      return true;
    } else {
      return false;
    }
   }
   function submitForm() {
    if (validate()) {
      document.getElementByIdx_x("myForm").submit();
    }
   }
 </script>
 <body>
  <form action="https://ru.oldtoolbag.com" id="myForm">
    <input type="text"/>
    <input type="button" value="submitBtn" onclick="submitForm();"/> <!— También se puede usar document.getElementByIdx_x(“id_десятичному_преобразованию_элемента”).click(); для выполнения события onclick-->
  </form>
</body>

Третий способ:Разместите событие onsubmit в теге submit, а не в теге form, в этом случае проверка формы будет неактивна, и форма будет отправлена напрямую при нажатии на кнопку отправки

<script type="text/javascript">
   function validate() {
    if (confirm("Подтвердить отправку формы?")) {
      return true;
    } else {
      return false;
    }
   }
 </script>
 <body>
  <form action="https://ru.oldtoolbag.com">
    <input type="text"/>
    <input type="submit" value="submit" onsubmit="return validate()"/>
  </form>
</body>

Четвертый способ:Добавить на кнопку submit событие onclick, которое используется для проверки отправки формы, как если бы в теге form был добавлен событие onsubmit

<script type="text/javascript">
   function validate() {
    if (confirm("Подтвердить отправку формы?")) {
      return true;
    } else {
      return false;
    }
   }
 </script>
 <body>
  <form action="https://ru.oldtoolbag.com">
    <input type="text"/>
    <input type="submit" value="submit" onclick="return validate()"/>
  </form>
</body>

Пятый способ:

<body>
  <form action="https://ru.oldtoolbag.com" id="myForm">
  <input type="text"/>
  <input type="button" value="submitBtn" id="myBtn"/>
  </form>
 </body>
  <script type="text/javascript">
   function validate() {
      if (confirm("Подтвердить отправку формы?")) {
        return true;
      } else {
        return false;
      }
}

Нажатие на кнопку для запуска события отправки формы onclick="submitForm();" игнорирует другие атрибуты, такие как атрибут onsubmit в теге form, который становится неактивным. В этом случае, чтобы выполнить проверку формы, можно поместить код проверки в метод submitForm();

function submitForm() {
      if (validate()) {
        document.getElementByIdx_x("myForm").submit();
      }
   }
   document.getElementByIdx_x("myBtn").onclick = submitForm;
</script>

В этом разделе, несколько методов отправки форм с помощью JavaScript и их проверки (обязательно к прочтению) - это все, что я хочу поделиться с вами. Надеюсь, это будет полезно, и希望大家多多 поддерживать учебник крика.

Основной учебник

Вам может понравиться