如何使用正则表达式在输入字段上验证 email？

Question

我正在创建一个带有验证的 email 表单。 所以我现在所做的可以支持包括@和.

但是前缀中有一些条件和域名无效，这对我来说应该是有效的。

例如，如果我输入myemail@gmail.com ， my_email@gmail.com是有效的。 但是，如果我输入my-email@gmail.com ， my.email@gmail.com ， myemail@custom.co.id它是无效的。 什么是正确的正则表达式才能使 email 模式有效？

 $("[name='email']").on("focusout", function(){ let regex = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,5}$/ let getInputValue = $(this).val() if(getInputValue.match(regex)){ $(".error").html("valid email") }else{ $(".error").html("invalid email") } })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" name="email"> <div class="error"></div>

Answer 1

尝试这个

 $("[name='email']").on("focusout", function(){ let regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/ let getInputValue = $(this).val() if(getInputValue.match(regex)){ $(".error").html("valid email") }else{ $(".error").html("invalid email") } })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" name="email"> <div class="error"></div>