2015-10-16 98 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