如何在AngularJS中验证搜索框？

Question

我想对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>

但不能按预期工作。

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

Answer 1

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

<强>更新 是的，问题出现在相同的ng模型和表单名称中。我为你创建了jsfiddle并检查问题。 这是正确的验证：

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

Answer 2

ng-model和form具有相同的名称。

所以search.mysearchbox无法找到合适的价值。