发表于: 2017-01-21 01:08:41

1 1300


今天完成的事情:

1、今天继续学习了表单验证的基本知识,并更改了昨天的静态页面,加入了表单验证的知识点,写出了部分页面:输入内容后,判断是否合法,并给出信息提示

2、听二师兄讲关于BFC方面的知识。

明天计划的事情:

继续完成任务10.打算先学习关于如何引用插件的知识,再在入学时间这个地方引入插件。时间充裕的话,最好能够写完剩下的js部分。

遇到的问题:

任务中要用到正则表达式,于是谷歌了一下,把代码直接拿过来用。但是写qq正则表达式的时候,遇到了很奇怪的问题。

本来我是这样写的:/^[1-9]\d{4,9}$/

这个正则表达式表示第一位数字为1,后面为4到9位任意数字,结果却显示为:

但是我输入的是数字啊,按理说不应该显示“只能输入数字哦”这条提示信息的啊。

于是怀疑自己的正则表达式是否有问题,于是参考了大师兄的代码,改成了:/\d/,结果显示为:

但是,这个正则表达式,个人感觉不是很严谨,它表示的意思是输入的内容为数字,但是qq号第一位不为0,这个却没有做这种限制。

所以,不知道如何保证限定第一位数字不为0,同时达到大师兄的这种效果。为何我在输入数字的情况下,还会给“只能输入数字哦”的提示,难道是正则表达式出了问题么?

收获:

1、学会了一些新的正则表达式的写法,比如要求只输入中文,输入数字等;

2.学习了表单验证关于如何给出错误的写法,对表单验证的理解又进了一步;

3.听二师兄讲BFC方面的知识。二师兄主要围绕了清除浮动和外边距来进行讲解的,同时参考w3cplus的文章(链接:https://www.w3cplus.com/css/understanding-block-formatting-contexts-in-css.html),说说自己的理解:

BFC布局是web页面布局中盒模型的css渲染模式,其定位体系属于常规文档流。浮动、绝对定位、table-cells和overflow不为visible等的元素,将会创建一个新的格式化上下文。

BFC满足下列条件任意一个:

即可创造一个新的BFC。那么,我们为何要创建新的BFC呢?这是因为BFC部分会产生外边距合并,以及浮动时会产生高度塌陷的问题。为了解决这个问题,我们可以通过创建一个新的BFC,它和原来的BFC彼此独立,因而可以避免上述的问题。


返回列表 返回列表
评论

    分享到