代码之家 › 专栏 › 技术社区 › sbrbot

动态分配onsubmit验证器

javascript

sbrbot · 技术社区 · 6 年前

在我的表格中,我有以下内容

<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)

1 回复 | 直到 6 年前

Quentin 6 年前

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

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

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

但我重写了 validate 所以它只是用来 this 而不是 form 争论。

sbrbot 6 年前

JavaScript code to stop form submission 我实现了 event.preventDeafault() 在字段为空时阻止提交的命令。

<form>
  <input name="xyz">
  <input type="submit" value="submit">
</form>

<script>
function validate(event)
{
  if(document.forms[0].xyz.value=='')
  { 
    alert('Mandatory field!');
    event.preventDefault();
  }
}
document.forms[0].addEventListener('submit',validate);
</script>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

4 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

4 月前

Alex · 在轻量级中同时解构和不解构变量

4 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

4 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

5 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

5 月前