react中使用正则验证input邮箱格式

最新推荐文章于 2024-07-19 14:12:54 发布

初心-LIUSHOP

最新推荐文章于 2024-07-19 14:12:54 发布

阅读量8.8k

点赞数 1

分类专栏： React 文章标签： react使用正则 react正则验证邮箱

本文链接：https://blog.csdn.net/qq_42817227/article/details/84956403

版权

React 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416

直接贴代码了：

<input type='text'  onChange={this.handleEmail.bind(this)}/>

handleEmail (e) {
        let value = e.target.value;
        if(!(/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(value))) {
            console.log('请输入正确的Email');
        }
    }