javascript - 在 JavaScript 中将事件与表单绑定(bind)

Question

我正在使用 JavaScript 创建表单。就像下面这样

var form = document.createElement('form');
form.action = 'abc.com';
form.noValidate = true;
form.id = 'myForm';
form.onsubmit = 'return validateMyForm();';

我正在尝试添加验证器，在提交表单之前检查必填字段。所以我关注JavaScript to stop form submission 。但它没有将事件附加到表单。我怎样才能在 JavaScript 中实现这一点？

请不要使用 JQuery。

Answer 1

您必须为 onsubmit 分配一个函数，而不是一个字符串:

form.onsubmit = validateMyForm;

<小时/>

不要将DOM 属性与HTML 属性混淆。写一些类似的东西

<form onsubmit="return foo();">

(大致)相当于

form.onsubmit = function(event) {
    return foo();
};

使用 DOM 时。