javascript - 如何使 html5 输入使用模式属性仅接受来自 gmail.com 的电子邮件地址？

Question

我正在使用 html 输入控件来输入电子邮件地址。另外，我使用的是必需属性，但我希望输入只能来自 gmail.com，即 [e-mail]、[e-mail] 等，而不是任何其他域。

<input type="text" name="email" pattern="^[a-zA-Z0-9]+@domain\.[a-zA-z]+$" required>

但这接受每个域，而不仅仅是 gmail.com。

注意：我需要在 html5 控件中使用正则表达式，而不是使用 javascript 等

更新：我在 asp.net mvc 中使用剃刀语法。

标签： javascripthtmlregexvalidation

Answer 1

你可以使用这个正则表达式

^[a-zA-Z0-9]+@gmail\.com$

<form>
<input type="text" name="email" pattern="^[a-zA-Z0-9]+@gmail\.com$" required></input>
<input type='submit' placeholder='submit'/>
</form>