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

Question

我有一个用于验证表单值的函数。 我已将它添加到onsubmit属性，但它在它应该运行的时候没有运行。 我把它放在 body 里面和提交按钮之前，但是页面在一开始就运行这个函数。

我希望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>

这应该有效；