ラジオボタンの検証が機能しないAngular JS

Question

最近AngularJSで作業を始めました。私はとラジオボタンを検証しようとしていた： -

<input type="radio" ng-model="CustGender" name="uCustGender" value="Male" required /> Male 
 
          <input type="radio" ng-model="CustGender" name="uCustGender" value="Female" required /> Female 
 
          <span class="error" ng-show="(f1.uCustGender.$dirty || submitted) && f1.uCustGender.$error.required">Gender required!</span> 
 

 
<input id="Submit1" type="submit" value="Submit" class="btn btn-success" />

しかし、それは、ボタンのクリックに検証していません。私は解決策を探していて、Using Angular to validate radio button choiceというリンクをいくつか見つけましたが、別のアプローチがあるようです。 助けてください。

Answer 1

ng-showの代わりにsubmittedの代わりにf1.$submittedを使用する必要があります。「f1」がフォーム名であると仮定します。

<form name="f1" novalidate ng-submit="submit()"> 
    <input type="radio" ng-model="CustGender" name="uCustGender" value="Male" required /> Male 
    <input type="radio" ng-model="CustGender" name="uCustGender" value="Female" required /> Female 
    <span class="error" ng-show="(f1.uCustGender.$dirty || f1.$submitted) && f1.uCustGender.$error.required">Gender required!</span> 

    <input id="Submit1" type="submit" value="Submit" class="btn btn-success" /> 
</form> 

Answer 2

私は、フォームタグでそれらを同封し、このようなあなたの形でNOVALIDATE属性を記載している願っています：それは働いた

<form name="f1" ng-submit="submitTeamMember($event)" novalidate class="form-horizontal" enctype="multipart/form-data" method="post" ng-controller="userFormModalCtrl"> 
<input type="radio" ng-model="CustGender" name="uCustGender" value="Male" required /> Male 
          <input type="radio" ng-model="CustGender" name="uCustGender" value="Female" required /> Female 
          <span class="error" ng-show="(f1.uCustGender.$dirty || submitted) && f1.uCustGender.$error.required">Gender required!</span> 

<input id="Submit1" type="submit" value="Submit" class="btn btn-success" /> 
</form>