如何驗證AngularJS中的搜索框？

我想爲AngularJs中的搜索框做客戶端驗證。如何驗證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>

但不是按預期工作。

任何人都可以發佈答案？

來源

2014-02-06 prince

你可以提供jsfiddle或plunker嗎？ –

你能描述一下你的期望和最新消息嗎？如果你提一個小提琴最好。 – haki

@prince，可以重命名錶單/模型來解決你的問題嗎？ –

我認爲，您的驗證不正常，導致您的<form name="search"和輸入模型ng-model="search"具有相同的名稱。請從這裏重命名一些東西。

更新： 是的，問題是在相同的ng模型和表單名稱。我爲你創建jsfiddle並檢查問題。它的jsfiddle用正確的驗證：

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

來源

2014-02-06 09:36:43

NG模型和形式具有相同的名稱。

所以search.mysearchbox找不到合適的值。

來源

2014-02-06 09:49:18 Sho

如何驗證AngularJS中的搜索框？

回答

相關問題