javascript – 如何在ReactJS中检查文本输入是否具有有效的电子邮件格式？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在ReactJS中检查文本输入是否具有有效的电子邮件格式？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1414字，纯文字阅读大概需要3分钟。

内容图文

在ReactJS中,验证输入的文本(< TextField />)是否采用电子邮件格式(例如@)的正确方法是什么？

我有应用程序连接到MongoDB,所以我应该在客户端或服务器端进行电子邮件格式检查？

任何例子或指导将不胜感激.

先感谢您！

解决方法:

每个人都在这里提出了一些有效的观点,你必须遵循几乎所有这些来验证数据.

无论如何,截至目前,我认为这将是推进电子邮件验证的更好方式.

>设置< input type =“email”/>所以浏览器可以为您验证电子邮件
>使用javascript验证它
>在服务器上执行验证

你可以渲染输入

<input type="email" value={ this.state.email } onChange={ handleOnChange } />

你的handleOnChange函数代码看起来像这样

let handleOnChange = ( email ) => {

    // don't remember from where i copied this code, but this works.
    let re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

    if ( re.test(email) ) {
        // this is a valid email address
        // call setState({email: email}) to update the email
        // or update the data in redux store.
    }
    else {
        // invalid email, maybe show an error to the user.
    }

}

注意：根据您设置的所有内容,您可能必须使用this.handleOnChange而不是handleOnChange,并将它绑定在构造函数中,如this.handleOnChange = this.handleOnChange.bind(this);

…

当您使用电子邮件地址向服务器/ api发送请求时,验证服务器上的电子邮件,如果有效,则将其存储在数据库中,否则回复错误.

您可以只使用google node *验证库并使用它们来处理所有验证,您可以使用此处的电子邮件验证代码…或者根据需要验证它.

内容总结

以上是互联网集市为您收集整理的javascript – 如何在ReactJS中检查文本输入是否具有有效的电子邮件格式？全部内容，希望文章能够帮你解决javascript – 如何在ReactJS中检查文本输入是否具有有效的电子邮件格式？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---