錯誤/在觸發形式空。$無效

<form class="form-inline" name="form" novalidate> 
     <div class="sub-form" ng-form is-active ng-init="active = true" name="info"> 
     <div class="col-md-4 col-sm-6 col-ie-4"> 
       <div class="select-input"> 
        <label for="xyz">Xyz *</label> 
        <i class="fa fa-check-circle success" ng-show="form.info.xyz.$valid"></i> 
        <i class="fa fa-spinner fa-spin"></i> 
        <i class="fa fa-times-circle error" ng-show="(form.info.xyz.$invalid && !form.info.xyz.$pristine)"></i> 
        <div class="styled-select"> 
        <select 
         heights 
         name="xyz" 
         id="xyz" 
         ng-options="xyz.in as xyz.ft for xyz in xyzs" 
         ng-model="player.xyz" 
         required> 
         <option value="" selected="selected">-- Select --</option> 
        </select> 
        </div> 
       </div> 
       </div> 
      </div> 
</form> 

<div class="back-next-button-row"> 

    <div class="red-button tiny-button next-button" ng-if="form.$valid"> 
     <button ng-click="next()"><span class="button-text">Next</span><i class="fa fa-chevron-right"></i></button> 
    </div> 

    <div class="red-button tiny-button next-button" ng-if="form.$invalid"> 
     <button ng-click="error()"><span class="button-text">Error</span><i class="fa fa-chevron-right"></i></button> 
    </div> 

</div><!--back-next-button-row--> 


In Script 

$scope.form = {}; 
    $scope.form.info = {}; 

    $scope.formError = function() { 
     console.log($scope.form.info.xyz); 
     //Getting Object {} 

    }

雖然在HTML的顯示，我希望基本上，我想檢查合適的對象，如果（$ scope.form.info.xyz。$無效）{ 警報（「Invlid」） }

如果我才知道這是爲什麼在這個前景產生問題

來源

2017-06-22 Akki Verma

隨着角度，你可以做到這一點的HTML內，不要有把它送到了我會很感激腳本。如果你想檢查任何表單元素無效或不完整，你可以添加一個像這樣的元素。

<p class="text-danger" ng-show="form.$invalid">Invalid</p>

如果您仍然想要點擊，請嘗試以下操作。

在HTML中捕獲函數的表單名稱。

<button ng-click="next('form')">Validate</button>

在JS，你可以像下面的函數，

$scope.next = function(form){ 
    if ($scope[form].$valid) { 
     alert("True"); 
    } else { 
     alert("Invalid"); 
    }  
};

來源

2017-06-22 05:36:58 CrazyMac

有在控制器進行，由於在點擊一些validtion –

理想的方式是使該按鈕時，形式是有效的，所以你不必攜帶任何東西到控制器。這些是我們必須使用的特殊材料。你可以添加ng-disable =「form. $ invalid」，這將禁用按鈕，所以用戶無法點擊直到其有效 – CrazyMac

但是如果我必須檢查console.log（$ scope [form] .info.xyz。 $無效）;如果這不正確，它應該返回true。 –

錯誤/在觸發形式空。$無效

回答

相關問題