具有“ pattern”属性的HTML5表单验证

Question

我正在尝试为HTML5表单提出有效的模式。我想允许*@student.*.edu.vn

这是我的代码：

 <input 
       type="text" 
       name="mail"  
       pattern="([a-z]|[0-9])+(@{1})+(student)+(.)+[a-z]+(.edu.vn)"
   />

它没有我想要的。我在做什么错了？

感谢您的帮助。

Answer 1

我想出了这种解决方案，该解决方案更易于阅读，而且不太严格（这是一件好事，因为电子邮件地址可以包含的字符比小写字母数字字符多得多。请不要忘记使用电子邮件验证程序在后端进行适当的验证。

<form>
  <input 
   type="text" 
   name="mail"  
   pattern=".+@student\..+\.edu.vn"
 />
 <input type="submit">
</form>