表格行动& Javascript Onsubmit问题

时间:2014-01-20 15:15:22

标签: javascript php forms onsubmit

我有这个javascript代码:

<script type="text/javascript">
<!--
function testCode () {
  if (checkCode (document.getElementById('Code').value,document.getElementById('Type').value)) {
      return true;
  } 
  else {alert (Errors[ErrorNo])};
}
//-->
</script>

我的表格:

   <form accept-charset="UTF-8" action="verify.php" onsubmit="return testCode()" method="post">
   // My stuff
  <select id="Type" name="Type">
    <option value="basic">Basic</option>
    <option value="silver">Silver</option>
    <option value="gold">Gold</option>
    <option value="platinum">Platinum</option>
  </select>

  <input name="Code" type="text" id="Code">
  <input type="submit" value="Submit">
  </form>

在我提交表单后,例如,如果我没有输入代码,会提醒我错误,但仍然提交表单,如果表单未经过验证,我不想提交表单。

2 个答案:

答案 0 :(得分:2)

如果验证失败,请使用return false;

function testCode () {
  if (checkCode (document.getElementById('Code').value,document.getElementById('Type').value)) {
      return true;
  } 
  else {
      alert (Errors[ErrorNo]);
      return false;
      }
}

答案 1 :(得分:1)

你需要返回false;

else {alert (Errors[ErrorNo]); return false;};

这将阻止执行其余事件。