javascript - 提交时表单验证功能不运行

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