代码之家 › 专栏 › 技术社区 › Barry Michael Doyle

如何在输入模糊时触发表单提交?

onblur forms reactjs html5 javascript

0

Barry Michael Doyle · 技术社区 · 7 年前

<input type="email" /> 验证检查。

<form>
  <input type="email" />
  <input type="submit" />
</form>

单击sumbit按钮就可以进行验证。不过,我想触发的形式提交后,有我的 email 场模糊。

如何在没有提交按钮的情况下触发表单 onBlur ?

<form>
  <input type="email" onBlur={/* trigger form submission */} />
</form>

2 回复 | 直到 7 年前

1

3

Barry Michael Doyle 7 年前

放一个 ref 属性并调用submit函数:

<form ref="myForm">
  <input type="email" onBlur={this.submitForm.bind(this)} />
</form>

submitForm(){
  this.refs['myForm'].submit()
}

2

Uzi 7 年前

使用本机 checkValidity 方法

<form>
  <input type="email" id="a" />
</form>

const a = document.querySelector('#a')


a.addEventListener('blur', e => {
const isValid =  e.target.checkValidity()
console.log(isValid)
})