-1

電子メールの検証は正常に機能していますが、ラジオボタンのエラーは表示されていません..私はこれを取得していません.なぜこれが起こっているのですか. angular-1.0.8.min.js を使用しています

 //js code 
    var app = angular.module("App", []);
    app.controller('signupController', ['$scope', function($scope) {
          $scope.selectedGender = '';
          $scope.gender = [{'name':'Male', 'id':1}, {'name':'Female', 'id':2}];

          $scope.submitted = true;
          $scope.signupForm = function() {
            if ($scope.signup_form.$valid) {
              // Submit as normal
            } else {
              $scope.signup_form.submitted = true;
            }
          }
        }]);
     //html code  
  <!DOCTYPE html>
    <html >
      <meta charset="utf-8">
    <meta content="width=device-width" name="viewport">
    <body ng-app="validationExampleApp">
    <div align="center" style="width: 500px; ">
    <form  ng-controller="signupController"  name="signup_form" novalidate ng-submit="signupForm()">
      <fieldset>
        <legend>Signup</legend>

        <div class="row">          
      <div class="large-12 columns">
        <label>Your email</label>
        <input type="email" 
          placeholder="Email" 
          name="email" 
          ng-model="signup.email" 
          ng-minlength=3 ng-maxlength=20 required />
        <div class="error" 
             ng-show="signup_form.email.$dirty && signup_form.email.$invalid && signup_form.submitted ">
          <small class="error" 
                 ng-show="signup_form.email.$error.required">
                 Your email is required.
          </small>

          <small class="error" 
                 ng-show="signup_form.email.$error.email">
                 That is not a valid email. Please input a valid email.
          </small>

        </div>
      </div>
    </div>
          <div ng-repeat="(key, val) in gender">
        <input type="radio" ng-model="signup.selectedGender" name="radiob" id="{{val.id}}" value="{{val.id}}"  ng-click  required /> {{val.name}}
      </div>
      <div class="error" 
             ng-show="signup_form.radiob.$dirty && signup_form.radiob.$invalid && signup_form.submitted ">
          <small class="error" ng-show="signup_form.radiob.$error.required">
                 Your email is required.
          </small>
        </div>
        <button type="submit" class="button radius">Submit</button>
      </fieldset>
    </form>
    </div>
    </body></html>
4

1 に答える 1

2

提供されたコードが無効であるため、確実に判断するのは困難ですが、すべてのラジオ ボタンが選択されるまで、ラジオ ボタンが有効としてマークされない角度の js バグに遭遇している可能性があります。

この質問を参照してください

これは、バージョン 1.2.0-rc.3 で修正されています。ここで、あなたがやろうとしていることを模倣するためにいくつかのコードを変更して、Plunker デモを作成しました。

于 2013-11-02T17:34:42.400 に答える