发表于： 2017-01-19 23:54:28
1 1289
今天完成的事情：
#优化了管道过滤器，放到了数据出口处
#姓名表单验证的初步实现，有BUG
明天计划的事情：
#完善QQ表单验证
#时间选择器
遇到的问题：
#表单验证在进行数值个数判断的时候会出现不精准的情况的，表现
<div class="col-sm-5">
<input type="text"
class="form-control"
id="inputPassword2"
placeholder="请输入你的QQ，6-15位数字"
name="qq"
ng-pattern="/[^\d]/g" //这里
ng-minlength=6 //这里
ng-maxlength=15 //这里
ng-model="user.qq" required/>
</div>
<div class="col-sm-5">
<div style="color: red" class="error"
ng-show="add_form.qq.$dirty && add_form.qq.$invalid && add_form.name.submitted"> //这里
<small class="error"
ng-show="add_form.qq.$error.pattern"> //这里
只能是数字！
</small>
<small class="error"
ng-show="add_form.qq.$error.required">
必填项！
</small>
<small class="error"
ng-show="add_form.qq.$error.minlength"> //这里
不能少于6个数字！
</small>
<small class="error"
ng-show="add_form.qq.$error.maxlength"> //这里
不能多于15个数字！
</small>
</div>
</div>
js--------------------------------------------------------------
.controller('signupController', ['$scope', function($scope) {
$scope.submitted = false;
$scope.addForm = function() {
if ($scope.add_form.$valid) {
// Submit as normal
} else {
$scope.add_form.submitted = true;
}
}
}]);
触发条件有问题。
收获：
#师弟分享了关于angular的基础知识，其中有指令，控制器，各个部件都略有所涉猎就不在一一列举了
#表单验证初步接触
返回列表
评论