Angularjs單選按鈕驗證表單不起作用

Question

嗨，我正在開發Web應用程序。我有4個單選按鈕。我正在嘗試驗證單選按鈕。默認情況下，任何一個無線電盒都不應該被檢查。如果沒有選中任何單選按鈕，點擊提交，然後我想顯示錯誤消息。

 <form name="payment" novalidate> 
       <fieldset ng-disabled="paymentform"> 
        <div class="upload-button-container"> 
          <div class="upload-button bank button1"> 
           <div class="upload-button-icon"> 
            <label for="visa" class="visa"> 
             <img src="images/visa.png"> 
             <input type="radio" id="visa" name="selector" ng-model="card"> 
             <span class="selector-visa"></span> 
            </label> 
           </div> 
          </div> 
          <div class="upload-button bank button2"> 
           <div class="upload-button-icon"> 
            <label for="americanexpress" class="americanexpress"> 
             <img src="images/americanexpress.png"> 
             <input type="radio" id="americanexpress" name="selector" ng-model="card"> 
             <span class="selector-americanexpress"></span> 
            </label> 
           </div> 
          </div> 
         </div> 
    <div class="button-container margin-top80"> 
    <input type="submit" value="{{ 'BACK' | translate }}" class="brown-button"> 
    <input type="submit" value="{{ 'NEXT' | translate }}" class="blue-button" ng-click="makepayment()"> 
</div> 
</fieldset> 
</form> 

我想在這裏驗證javascript文件。

$scope.makepayment = function() { 
       if($scope.card!=null) 
       { 

       }else 
       { 
        toastr.error($filter('translate')('Error Occured', '')); 
       } 
      } 

上面的代碼總是返回null。我可以知道我在上面的代碼中缺少什麼嗎？任何幫助，將不勝感激。謝謝。

Answer 1

無線電輸入標籤中應該有一個值屬性。

選定時應設置ngModel表達式的值。請注意，該值僅支持字符串值，即範圍模型也必須是字符串。如果您需要複雜的模型（數字，對象，...），請使用ngValue。