Javascript AngularJs单选按钮脏验证不工作
我有两个字段,对于电子邮件,验证工作正常,但是对于单选按钮,没有显示错误。。我不明白为什么会这样。i ma使用angular-1.0.8.min.jsJavascript AngularJs单选按钮脏验证不工作,javascript,angularjs,Javascript,Angularjs,我有两个字段,对于电子邮件,验证工作正常,但是对于单选按钮,没有显示错误。。我不明白为什么会这样。i ma使用angular-1.0.8.min.js //js code var app = angular.module("App", []); app.controller('signupController', ['$scope', function($scope) { $scope.selectedGender = ''; $sco
//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>
很难确定,因为提供的代码无效,但您可能遇到了angular js错误,在选择所有单选按钮之前,它不会将单选按钮标记为有效 看到这个了吗
这在版本1.2.0-rc.3中已修复。我已经创建了一个Plunker演示,其中包含一些代码更改,以模仿我认为您正在尝试的操作。这是非常关键的一点。另外,请帮助我。创建一个plunker演示,复制Issue。有一天我做了一个JSFIDLE,也许它可以帮助您理解表单验证的工作原理:对不起,有些文本数据是法语的。。