Question

我在UI中有一个文本框和搜索按钮。我想验证它，就像只需点击按钮就输入数字。

我没有在Form中使用它（我已经了解了很多方法来验证表单控件）。但我只是在我的div中设计它（独立）。

您也可以指导我在Angular中验证我的控件。

 <div id="srchbox">
                <p id="ptext">Please enter the Movie Id</p>
                <input type="text" class="form-control" placeholder="Search" id="Srchtxt" ng-model="_Id">
                <button type="submit" class="btn btn-default" id="btnsrch" ng-click="search(_Id)"><span class="glyphicon glyphicon-search"></span></button>
        </div>

Answer 1

使用ngPattern指令。

来自文档

如果ngModel值与通过评估属性值中给出的Angular表达式找到的RegExp不匹配，则设置模式验证错误键。如果表达式求值为RegExp对象，则直接使用它。如果表达式是一个字符串，那么在将它包装在^和$字符后它将被转换为RegExp。例如，＆＃34; abc＆＃34;将转换为新的RegExp（＆＃39; ^ abc $＆＃39;）。

<input type="text" ng-model="myVariable" ng-pattern="" />

如何验证Angular js中的文本框

1 个答案: