Question

每当我按下提交按钮时，它只是提交表单并且似乎没有运行checkSubmit函数。我在其他示例中看到的所有内容都表明我的代码是正确的。我调用它的方式是否有缺失或错误？

<script language="javascript" type="text/javascript">
  function checkSubmit() {
     alert("This is an alert!");
     if (document.getElementById("userID").value.length <1) {
        alert("Please enter a User ID.");
        return false;
     }
     else {
       alert(document.getElementById("userID").value.length)
       return true;
    }
</script>

<form name="submitform1"  method="POST" action="http://127.0.0.1/MyFile.php" onsubmit="return checkSubmit();">
Enter User ID: <input id="userID" name="userID" type=text size="25"/><br />

<input type="submit" name="submit" onclick="this.form.onsubmit();" value="Submit" >
</form>
<br />

Answer 1

在HTML更改中，从表单元素中删除onsubmit处理程序并更改提交按钮上的onclick属性以调用该函数：

onclick="checkSubmit(event);"

然后，在您的函数中，阻止表单提交，执行检查，然后提交表单。

function checkSubmit(e) {
  e.preventDefault();
  // do checks
  document.submitform1.submit();
}

Answer 2

您的代码缺少checkSubmit（）函数的结束花括号。

onsubmit中的函数未以javascript格式执行

2 个答案: