2015-10-16 99 views
1

當按鈕被點擊時,我已經動態創建了文本框。但即使文本框是空的,它也會保存文本框。但是我有一些動態創建的文本框,以識別特定的空白文本框並驗證它。我正在嘗試點擊保存按鈕時的驗證。任何人都可以幫我解決這個問題。如何驗證angularjs中動態創建的文本框?

//onclick creating textboxes 

$scope.expndtxt=function(){ 


     $scope.textboxes.push(""); 

    }; 

//view 

    <li ng-repeat="textbox in textboxes track by $index"> 
       Label For Inputfield: 
        <input type="text" id="in_{{$index}}" data-ng-model="$parent.textboxes[$index]"/><button class="btn btn-sm btn-default" ng-click="deletetxtbox($index)">-</button> 
      </li> 
+0

請添加當前您的代碼。 –

+0

我編輯了這個問題,一旦檢查它 – Sweety

回答

0

使用角度$有效當用戶點擊保存按鈕,你可以使用$有效的它是否有一個值或空在您的控制器像

textBoxes.saveButtn = function(textFields) { 
    if (textFields.$valid) { 
          <----Put your code ----> 
      } 
    else{} 
    } 
+0

其k..but當其無效,我們不應該保存它的權利然後如何從視圖中刪除 – Sweety

+0

嗨實際上你爲什麼允許保存與空文本框.. – SakthiSureshAnand

+0

我彈出的文本框是動態創建的。因此,無論何時通過在其中輸入somthing點擊保存按鈕,文本顯示爲一個標籤,並在其父窗體上創建文本框。即使我沒有輸入任何內容文本框的文本框添加在父窗體沒有任何標籤,因爲我們沒有在文本框中輸入任何東西。現在我需要驗證它,我的意思是,當我沒有輸入任何必須不附加到父視圖.Hope你明白fyn – Sweety