HTML5电子邮件验证不应允许没有“。”的电子邮件。例如“aaa @ aaa”

时间:2018-03-16 09:37:45

标签: html5 email-validation

基本HTML 5表单,尝试触发HTML 5电子邮件验证,该验证不应允许"aaa@aaa"类型的电子邮件,这意味着那些在结尾附近没有"."的电子邮件。

所以下面的电子邮件是正确的

asd@asd.com
aaa@aaa.co.in 

和下面的电子邮件不正确

aaa@aaa

<form>
      <h2>Email Validation</h2>
      <input type="email" value="" placeholder="name@email.com" required />
      <input type="submit" value="Submit" />
    </form>

3 个答案:

答案 0 :(得分:1)

aaa @ aaa对于HTML5验证是正确的。 您可以使用&#34;模式&#34;属性,用于指定在那里解释的正则表达式:https://www.w3schools.com/tags/att_input_pattern.asp

答案 1 :(得分:0)

<input type="email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" />

答案 2 :(得分:0)

试试这种格式

<form action="/action_page.php">
E-mail: <input type="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
<input type="submit">
</form>