2017-05-10 48 views
0

我的代码单选按钮看起来是这样的:验证设置使用AngularJS

<ng-form name="form"> 

    <div> 
     Question 1 
     <label> 
      <input type="radio" ng-model="q1" style="visibility: initial; position: relative;" 
        ng-value="false"> 
       No 
     </label> 

     <label> 
      <input type="radio" ng-model="q1" style="visibility: initial; position: relative;" 
        ng-value="true" ng-required="!(q1||q2||q3)"> 
       Yes 
     </label> 

    </div> 

    <div ng-show="!q1"> 
     Question 2 
     <br/> 
     <label> 
      <input type="radio" ng-model="q2" style="visibility: initial; position: relative;" 
        ng-value="false"> 
      No   </label> 
     <br/> 
     <label> 
      <input type="radio" ng-model="q2" style="visibility: initial; position: relative;" 
        ng-value="true" ng-required="!(q1|| q2|| q3)"> 
       Yes   </label> 
     <br/> 
    </div> 

    <div ng-show="!q1 && !q2"> 
     Question 3 
     <br/> 
     <label> 
      <input type="radio" ng-model="q3" style="visibility: initial; position: relative;" 
        ng-value="false"> 
       No 
     </label> 
     <br/> 
     <label> 
      <input type="radio" ng-model="q3" style="visibility: initial; position: relative;" 
        ng-value="true" ng-required="!(q1|| q2|| q3)"> 
       Yes 
     </label> 
     <br/> 

    </div> 

    </ng-form> 

所以,我需要为一个问题(也是唯一一个)“是”的答案。但是,$ form.invalid始终为false。我发现在需要添加时,'required ='required''被成功添加到输入字段,所以ng-required条件可以正常工作;)。

http://jsfiddle.net/ahL58/134/

回答

1

按组给名称无线电输入。否则形式将无法检查验证

+0

谢谢......但我仍然不知道我该怎么做。我加了jsfiddle。有任何想法吗? :) – Bleble