Question

我是HTML5的新手......

我的问题是在将模式应用于电子邮件字段后..并输入这样的电子邮件... user@gmail.com，它不接受它...

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

Hers是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>

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

Answer 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} $“

模式属性不接受电子邮件

1 个答案: