Question

我有一个用于验证表单值的函数。我已将其添加到onsubmit属性中，但是它在应有的时间不运行。我已经将它放在主体中，并且在提交按钮之前，但是该页面从一开始就运行该功能。

我希望checkForm最后运行以验证数据输入，但是每当我提交表单时，页面都会刷新。

我的函数是否在错误的位置定义或调用？我需要进行哪些更改才能停止页面刷新并让我的功能验证表单数据？

<div id="mc_embed_signup">
  <form id="form" method="post" onsubmit="return checkForm(this)">
  <script >
  function checkForm(form)
if(radioValue = checkRadio(form.radiofield)) {
          return true;
           else {
          alert("Seleccione un tipo de operación");
            return false;
        }
        return true;
          </script>

Answer 1

您可以使用JS的preventDefault()来防止提交时刷新

有关更多详细信息->转到此处：https://www.w3schools.com/jsref/event_preventdefault.asp

Answer 2

<script>
     $("#form").on('submit', function(e){
           e.preventDefault();
           // call your function
          $("#form").submit ();
      });
</script>

这应该可行；

表单验证功能未在提交时运行

2 个答案: