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

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

  •  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
  •  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)
    })
    
    推荐文章