javascript - 动态分配 onsubmit 验证器

Question

在我的表单中，我有以下内容

<script>
function validate(form)
{
   if(form.xyz.value=='') return false;
   return true;
}
</script>

<form onsubmit="return validate(this)">
  <input name="xyz">
  <input type="submit" value="submit">
</form>

出于某种原因，我必须动态分配我的 onsubmit 监听器。

我可以定义

document.forms[0].addEventListener('submit',validate);

但是如何动态实现return validate(this)

(我需要纯 JavaScript，而不是 jQuery)

Answer 1

传递给事件处理函数的第一个参数是 the Event object 。如果您想传递不同的值，请创建一个新函数并显式传递它。

function validateEventHandler(event) {
    return validate(this);
}

document.forms[0].addEventListener('submit',validateEventHandler);

…但我会重写 validate，以便它只使用 this 而不是 form 参数。