发表于: 2017-01-23 22:38:27

1 1349


一、今天完成的事情:


1.完全完成了angular里的表单验证


二、明天要做的事情:


1.完成搜索和上传图片功能


三、遇到的问题:


1.我在做表单验证的时候使用了angularjs带的messages插件,省去了很多繁琐的步骤。直接在表单下面插入  formname.inputname.$error,然后下面再


依次排列出每个错误,它就能显示了。具体贴上我自己的代码:

<div style="color:red;" ng-messages="myform.school.$error" ng-if="myform.school.$touched">
   <div ng-message="pattern">请输入正确的学校名称</div>
   <div ng-message="required">一定要输入哟!</div>
</div>

可以看到我代码后又一个ngif,这个有什么用呢,这个东西是用来优化用户体验的,需要用户点击并且离开当前焦点的时候才会提示,之后它就会一直提


示。这样用户进来之后就不会一直看到有错误提示了。


2.在做message这个事情的时候,犯了一个低级的错误,messages是写在上面的,message是写在下面的,一定要搞清楚写法!!!


3.单选的时候,只需要在一个选项后面加上required就行了,因为required这个东西就是判定你ng-modle里面的东西是否有值,有它就会不报错了。


4.然后在清除的时候发生了一个很诡异的状况,我的type、talent还有level都是单选,但是我给type设置  type=""它就能清除选择,而其他两个一定要


设置为=null才能清除,还不知道这个具体是怎么回事


富文本编辑器锐泉今天给了我一个uem的,然后就还有图片和上传功能了,任务基本上已完成,但是js的基础还需要补一下,jq基本也算是一点也没有学,


需要完善的东西还有很多,抓紧时间了!


代码已经上传到github了:https://github.com/zmyfrank/student


返回列表 返回列表
评论

    分享到