模式属性不接受电子邮件

Posted 2023-02-22

【中文标题】模式属性不接受电子邮件

【英文标题】：Pattern attribute not accepting the email

【发布时间】：2013-06-26 06:44:20

【问题描述】：

我是 html5 新手......

我的问题是在将模式应用于电子邮件字段之后.. 并输入这样的电子邮件... [e-mail] ，它不接受它...

它显示一些消息，如模式不匹配...

她是html的片段..

    <form name='f1' method="POST" action=""  >     
  <div id="fp">


        <span style="margin-left:-50px">Email:</span>&nbsp;&nbsp;
        <span><input  class="input" type="email" name="Email"   placeholder="Enter mailID" required pattern="^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]2,4$" ></span><br>


         <input type="submit"  name="submit" value="submit">

   </div>
  </form>    

任何建议都可以接受...

【参考方案1】：

您的模式不允许使用小写字符。

见http://www.w3.org/TR/html5/forms.html#the-pattern-attribute

模式是在禁用 ignoreCase 标志的情况下编译的。

试试这个：pattern="^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]2, 4$"