发表于: 2017-02-16 00:06:43
1 1193
今日完成:在做表单验证页面,
1.完成了css页面,
使用了bootstrap中的表单完成。
2用angular了基本完成了表单验证。
使用了angular内置的验证指令,如:ng-minlength 用$valid和$invalid验证表单的合法性。然后做出相应的操作或提示。
<input name="name" ng-model="usr.name" ng-pattern="/[\u4e00-\u9fa5]/gm" ng-minlength="2" ng-maxlength="5" type="text" class="form-control" placeholder="请输入2-5位字符" required>
<p class="text-error" ng-show="myForm.name.$dirty&&myForm.name.$invalid">
输入错误:请输入中文并且在2-5位
</p>
明日计划:
把剩下的
1.文本编辑器的验证做完
2.整理 任务7 任务8 任务9 任务 10
遇到的问题:
1.时间插件未起效果并报未定义,没找到的错误。
2.angular表单验证未起效果。没反应。
3.富文本编辑器,不知道怎么获取里面的数据。
1.2问题:已解决:最后经过调试发现是下载的jquery.datetimepicker.js插件的错误。最后换了一个就好了。
3问题:未解决
<script type="text/plain" ng-model="usr.wish" id="myEditor" style="width:1000px;height:240px; required">
</script>
没html代码,不能进行双向绑定。现在还不知道怎么获取编辑器里面的输入的数据。
今日收获:
基本了解了,如何用angular进行表单验证。
评论