如何验证 AngularJS 中的搜索框？答案

【问题标题】：How can I validate a search box in AngularJS?如何验证 AngularJS 中的搜索框？
【发布时间】：2014-02-06 17:52:26
【问题描述】：

我想对 AngularJs 中的搜索框进行客户端验证。

我尝试了以下，

<form name="search" ng-submit="myFunction()">
  <div class="input-group" ng-class="{ error: search.mysearchbox.$invalid }">                            
    <input name="mysearchbox" type="search" class="form-control" placeholder="Search" ng-model="search" ng-minlength="12" ng-maxlength="12" ng-pattern="/^[0-9]+$/">
    <span class="input-group-addon glyphicon glyphicon-search" ng-click="myFunction()" ng-style="{ 'cursor': 'pointer' }" />
  </div>
</form>

但没有按预期工作。

任何人都可以发布答案吗？

【问题讨论】：

可以提供jsfiddle或者plunker吗？
你能描述一下你的期望和结果吗？最好放个小提琴。
@prince，可以重命名表单/模型来解决您的问题吗？

标签： angularjs angularjs-directive angular-ui-bootstrap

【解决方案1】：

我认为，您的验证不正确，因为您的 <form name="search" 和输入模型 ng-model="search" 具有相同的名称。请重命名此内容。

更新： 是的，问题出在相同的 ng-model 和表单名称中。我为您创建 jsfiddle 并检查问题。这是正确验证的 jsfiddle：

http://jsfiddle.net/U3pVM/2880/

【讨论】：

【解决方案2】：

ng-model 和 form 同名。

所以 search.mysearchbox 找不到正确的值。

【讨论】：