javascript - 如何让函数与 .onsubmit 事件一起运行?

标签 javascript html

可能有一个非常简单的解决方案,但我一生都无法解决这个问题,而且到目前为止我发现的任何方法都无法解决这个问题。

我试图让函数“validate”在提交表单“apply”时运行:

function init() {
  var applyForm = document.getElementById("apply");
  setJobValue();
  applyForm.onsubmit = validate;
}

验证如下所示:

function validate() {
  alert("If this alert is up then validate is running");
  var dateOfBirth = document.getElementById("dob").value;
  var state = document.getElementById("state").value;
  var postcode = document.getElementById("postcode").value;

等等

函数“setJobValue”正在运行(所以我知道 init 正在工作)并且控制台中没有错误,但是我需要进行哪些调整才能调用 validate?

最佳答案

好吧,当您将上面的代码放在 head 中时,脚本会在 HTML 渲染时运行。所以在这段时间里,它分配不同的内存和功能 block 。因此,当您再次调用该函数时,由于现有引用,它会给出不同的结果并且不会出现错误。嗯,这有点奇怪,但这就是 JS 的工作方式,并且始终建议将 JS 代码放在页面底部。

关于javascript - 如何让函数与 .onsubmit 事件一起运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36930813/

相关文章:

javascript - 如何简化 JavaScript 中的条件逻辑?

javascript - 无法定义 set 和 get 方法

php - 使用 :hover for an element's inline style (using HTML/CSS/php)

javascript - IBM Worklight - 解析 JSON 响应

javascript - 关注输入字段,关注其他事件

jquery - 隐藏网页浏览器滚动条

html - 固定位置 div 内的响应式完美正方形。第二部分

html - 通过 Sahi Pro 发送时,纯 HTML/CSS 垂直字符不会出现在电子邮件内容中

html - 如何让特定的单词变成不同的颜色?

html - CSS 选择器(我认为)- 按钮不进入 Div 元素?