如何使用ngPattern验证包含受限字符的输入？

Question

我尝试验证受限字符的输入。 输入字段仅接受字母，破折号和下划线字符。

当我测试下面的代码时，第一个字符被接受，但是第二个字符引发模式错误。

我的RegEx： / ^ [a-zA-Z _-] $ /

HTML代码：

<input ng-model="inputText" name="inputText" required md-maxlength="{{options.maxTextLength}}" md-autofocus ng-keypress="keypress($event)" ng-change="textChanged()" ng-pattern='/^[a-zA-Z_-]$/'>
<div ng-messages="inputTextForm.inputText.$error">
    <div ng-message="required">Input is required.</div>
    <div ng-message="md-maxlength">Input has reached the maximum characters allowed.</div>
    <div ng-message="pattern">Invalid characters.</div>
</div>

该代码在“角度材质”对话框（v1.0.9）中

Answer 1

对于多个字符，您需要在模式末尾加* ，即：

<input ... ng-pattern="/^[a-zA-Z_-]*$/" />
<!--                               ^   -->
<!--                               |   -->
<!--             HERE -------------+   -->

参见小提琴： https ： //jsfiddle.net/5wa5478c/

Answer 2

这样，此正则表达式表示有效输入是行的开头（^），后跟一个批准的字符之一，然后是行的末尾（$）。

删除^和$，它应该可以工作！

ng-pattern='/[a-zA-Z_-]/'

首先在这里测试您的代码： http : //rubular.com/