Html 如何限制mat表单字段(matInput)用户只输入字符,特殊字符不输入数字?

Html 如何限制mat表单字段(matInput)用户只输入字符,特殊字符不输入数字?,html,angularjs,typescript,Html,Angularjs,Typescript,我有一个matInput字段,我想限制输入仅输入字符和特殊字符,而不是数字。我正在应用 模式,错误消息也会出现“plz仅输入字符”之后,当我单击提交按钮,forms submitted时,我想在表单控件出现错误时停止表单提交。您可以使用“模式”属性,您可以将正则表达式与有效输入匹配 或者您可以创建一个自定义指令并检测输入,通过将输入与正则表达式匹配,不允许输入数字 参考: 要使用的正则表达式:^([^0-9]*)$ 要测试正则表达式:向我们显示您迄今为止尝试过的代码,以及您遇到的错误。我没有收到

我有一个matInput字段,我想限制输入仅输入字符和特殊字符,而不是数字。我正在应用
模式,错误消息也会出现“plz仅输入字符”之后,当我单击提交按钮,forms submitted时,我想在表单控件出现错误时停止表单提交。

您可以使用“模式”属性,您可以将正则表达式与有效输入匹配

或者您可以创建一个自定义指令并检测输入,通过将输入与正则表达式匹配,不允许输入数字

参考:

要使用的正则表达式:^([^0-9]*)$


要测试正则表达式:

向我们显示您迄今为止尝试过的代码,以及您遇到的错误。我没有收到任何错误,我的表单提交成功,当我们输入用户名作为数字1111时,它也提交了,我想停止此数字输入,提交的表单仅用户名为字符。向我们显示您的代码。编辑原始问题并将其包含在代码中。这样人们就可以理解你想做什么,找出什么是不正确的;不是作为一个形象。如果你在寻求帮助,尽量让别人帮助你。记住,这个社区是由志愿者创建的。下面是一些关于如何提问的指导原则:……遵循这些指导原则有助于你自己获得更好的答案。好吧,那么,在应用上述解决方案后,什么是不起作用的呢?是的,但我给出的解决方案有什么问题,你说它不起作用。那么有什么错误吗?共享屏幕截图或代码。您应该将[disabled]=“formname.invalid”放在提交按钮内,这样它就不允许您提交表单。在所有字段输入正确后,提交按钮不启用,它被禁用。显示您的控制台。在填充所有字段后记录(this.formname)结果