regex 如何使用patter属性使html5输入仅接受来自www.example.com的电子邮件地址gmail.com？

myss37ts 于 2022-11-18 发布在 HTML5

关注(0)|答案(4)|浏览(211)

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

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

但这接受每一个域，而不仅仅是gmail.com。
注意：我需要在html5控件中使用regex，而不是javascript等
更新：我正在使用剃刀语法与asp.net mvc。

4条答案

您可以使用此正则表达式

^[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>

您可以编写一个javascript函数，在使用Code Maniac提供的正则表达式之前验证输入。每次使用“onsubmit”属性启动表单提交时，都可以调用此函数。

在Razor页面中，@有特殊的含义。@用于在Razor页面中添加代码。您必须转义@。
尝试

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

^[a-zA-Z0-9]+@（“@”）gmail.com$
此代码仅适用于www.example.com等电子邮件模式johndoe@gmail.com，但不适用于john. gmail.com
我应该使用什么代码来接受这两种模式？