发表于: 2016-12-20 02:38:11
1 1332
今天完成的计划:任务十还有一些问题没完成,时间控件和富文本框其他的表单验证已经完成同时也已经尝试成功添加学员了。
收获:验证表单要解决的一些问题:
1.如何数据绑定
2.验证表单
3.显示出错的信息
4.整个form的验证
5.避免出现没有验证通过的表单
<div class="alert alert-danger help-block" ng-show="myForm.byschool.$error.pattern">
请输入正确的学校地址
</div>
使用ng-patern正则来判断验证 然后用ng-show来提示出错的信息。
2.
ng-class="{'has-error':myForm.byschool.$invalid && myForm.byschool.$dirty}">
这段的意义是 在同时满足一个input中 在已经修改过的情况下验证出错 该input框框为警告色。 不然一加载直接为警告色
3.
<input type="button" class="save btn btn-primary" id="save" value="保存" ng-disabled="myForm.$invalid"
这段是 当整个表单全部通过验证时 可以点击此按钮。
4.向师兄学习了 var vm=this写法实现绑定
var vm = this
$scope.save =function () {
requestSort.addsort(vm.data)
console.log(vm.data)}
data是个对象 然后html里绑定
vm.data.qq
vm.data.name
这样传数据节省了很多操作
明天的计划 完成表单验证,仔细阅读微信小程序的文档
评论