输入前执行onclick

Question

这很难解决，因为我正在运行“网站2的自定义JavaScript” Chrome扩展程序。 因此， 我无法修改代码 ，只能添加。

该网页具有一个通过ajax请求加载的表单。 然后，有一个没有表单验证的按钮。 我想添加表单验证 。

默认表单使用输入中带有onclick HTML属性的形式提交表单。

1-第一种失败的方法：

document.getElementById('submit-btn').onclick = myValidation;

结果：它在我第一次按下按钮时有效。 但是第二次，默认提交。

2-秒失败方法：

document.getElementById('submit-btn').addEventListener('click', myValidation, true);

结果：首先执行默认的提交（onclick属性），然后执行myValidation函数。 我以为将addEventListener设置为true参数是什么，我将首先触发。 但不是。

有办法吗？

Answer 1

在第一种情况下，您应该路径引用函数而不是函数执行结果

不正确：

document.getElementById('submit-btn').onclick = myValidation();

正确：

document.getElementById('submit-btn').onclick = myValidation;