如何验证input type ="text"元素只接受某些内容？

我有一个文本输入字段:

有没有办法将输入字段格式化为仅允许某些文本有效？

例如:在该特定文本字段中,用户必须输入以...结尾的电子邮件地址@hotmail.co.uk.任何其他电子邮件域如@yahoo.com无效,因此在单击提交时将显示错误(不会注册用户).

您可以使用HTML5 pattern属性来验证字符串是否以@hotmail.co.uk.

在这种情况下,您可以使用以下正则表达式:

^.*@hotmail\.co\.uk$