现在我有一个这样的输入框:
<input class="form-control" type="text"/>
但它仍然允许输入数字。
我想输入名称，并希望在字符串包含数字时显示错误消息。我怎样才能做到这一点？
最佳答案
您可以使用 native HTML5 field validation
比如电子邮件验证 ( fiddle ):
<input type="text" title="email" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" />
对于您的具体情况，您可以使用像 pattern="[a-zA-Z]*" 这样的正则表达式( fiddle )
当您提交表单时，它会以红色边框突出显示，以显示验证错误。在不同的浏览器中，它的行为会略有不同。
我不认为有覆盖每个默认样式的标准方法，但是有浏览器特定的方法可以做到这一点(here)。
对于某些样式，您可以使用 css 钩子(Hook)进行更改 see here
编辑:更新 fiddle 。
关于HTML 输入不允许数字，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29823591/