javascript - angularjs 提交时才验证表单
本文介绍了javascript - angularjs 提交时才验证表单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
有无解决方案
解决方案
<form name="signup_form"
novalidate
ng-submit="signupForm(signup_form)"
ng-controller="signupController">
<fieldset>
<legend>Signup</legend>
<div class="row">
<div class="large-12 columns">
<label>Your name</label>
<input type="text"
placeholder="Name"
name="name"
ng-model="signup.name"
ng-minlength="3"
ng-maxlength="20" required />
<div class="error"
ng-show="signup_form.name.$dirty && signup_form.name.$invalid && submitted">//修改了
<small>error here</small>
</div>
</div>
</div>
<button type="submit" >Submit</button>
</fieldset>
</form>
<script>
app.controller('signupController', function($scope) {
$scope.submitted = false;
$scope.signupForm = function(form) {
if (form.$valid) { //
} else {
$scope.submitted = true;//修改了
}
}
});
</script>
这篇关于javascript - angularjs 提交时才验证表单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文