javascript - 停止提交表单并保留表单值

Question

我已经对我的表单提交添加了验证检查，但问题是它阻止了表单的提交，但它也重置了我的整个表单。请告诉我如何在 return false 时也停止提交表单并停止重置整个表单。谢谢

function error()
{
   if (!$("#form1 input[name='radio']:checked").val()) {
     alert('Error: Please select any check box!');
     return false;
   }
   else {
     //alert('One of the radio buttons is checked!');
   }
}

<form name="form1" id="form1">
  <input name="Name" type="text" id="name" size="70" />
  <input name="Age" type="text" id="age" size="70" />
  <input type="radio" name="radio" id="A18" value="18" />
  <input type="radio" name="radio" id="A19" value="19" />
  <input type="submit" onclick="error();" />
</form>

Answer 1

您需要使用验证函数处理表单的提交事件，并返回false:

$("#form1").submit(error);

从您的 submit 处理程序返回 false 将取消表单提交，并且表单元素的当前状态将保持不变。