表单验证-正则表达式-cookie存值-学习总结

事件委托:

通过函数事件源e对象里面的方法:target获取里面的子元素;

但是用e.target会有一个问题,当触摸到li的前面的时候,会触发碰到ul,全体变红;

所以我们要把ul本身存在的padding值去掉,要设置样式的时候,就用li去撑,就尽量避开设置ul的样式;

e.target

1.利用正则表达式来进行表单验证:

构造函数:var 变量 =new RegExp(表达式,修饰符);

i 执行对大小写不敏感的匹配;

g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止);

/\d/ 检测是否有数字:

/[a-z]/检测是否是小写字母a-z:如果是大写,就会返回false:

但是当输入的是:Abc的时候,返回的是true,因为只要有一个满足,就会返回true;

/[a-z]/

/[a-z]/,"i" 检测是否有大写字母:(不区分大小写,只要是个字母,就会返回true);

/[a-z]/,"i" 

也可以用字面量的方式:var 变量 =/表达式/修饰符;

正则表达式方法:
(1)reg.test(string) =》 返回的是存在就是true,不存在返回的是false;

(2)reg.exec(string)=》 匹配成功返回数组,并确定其位置,否则返回null

reg.exec(string)= 返回个数组,并显示下标;

常用的表达式:

[a-z] 查找任何从小写a到小写 z 的字符:只要有一个符合就为true;

[A-Z] 查找任何从大写A到大写 Z 的字符:只要有一个符合就为true;

[0-9] 查找任何从0至 9 的数字:只要有一个符合就为true;

[abc] 查找括号内的任意一个字符:只要有一个符合就为true;

[^abc] 查找除了括号内的任意字符:只要有一个符合就为true;

[^abc]

常用的元字符(特殊字符) 注意:这些元字符在使用时需注意区分大小写

字符 描述

\w 匹配数字、字母、下划线  :       也可以用/[0-9a-zA-z_]/ :只要有一个符合就为true;

\w 匹配数字、字母、下划线

\W 匹配非数字、字母、下划线:  只要有一个符合就为true;

\d 匹配数字:   只要有一个符合就为true;

\D 匹配非数字:只要有一个符合就为true; 

\s 匹配空白字符(空格、换行)

\S 匹配非空白字符

\n 匹配换行符:只匹配\n换行符,不匹配空白,空格;


★ ★ 常用的限定符:用的较多

^表示以什么开头

$表示以什么结尾

* 匹配前面的子表达式零次或多次

* 匹配前面的子表达式零次或多次

+ 匹配前面的子表达式一次或多次

+ 匹配前面的子表达式一次或多次

? 匹配前面的子表达式零次或一次

? 匹配前面的子表达式零次或一次

但是这个会有点问题,当一个生效的时候,就显示true了;那么我们怎么解决这个问题?:

 格式:/^[a-z0-9]?$/    :以小写字母或者数字开头的,以小写字母结尾或者数字结尾,出现0次或1次;

以小写字母或者数字开头的,以小写字母结尾或者数字结尾,出现0次或1次;

{n} 匹配确定的n次

{n} 匹配确定的n次

{n,} 至少匹配n次

{n,} 至少匹配n次

{n,m} 最少匹配n次且最多匹配 m 次:有上限有下限;

{n,m} 最少匹配n次且最多匹配 m 次


String类中可以支持正则的方法:

search=》返回匹配字符串的下标,否则返回-1;不加 i 区分大小写;

搜索存在的话,返回下标,不存在返回-1;

match=》如果没有找到任何匹配的文本, 返回 null。否则,它将返回一个数组(依赖于是否具有全局标志 g)

replace=》返回一个新的字符串 第一个是正则找到要改变的样式,第二个是要改成什么样式;

replaceAll的时候,要加全局g;

replace

split=》返回一个字符串数组


如何验证汉字:

/^[\u4e00-\u9fa5]+$/(记忆法:有事100 有酒罚我);

/^[u4e00-\u9fa5]+$/(记忆法:有事100 有酒罚我);

如何验证手机号:/^1[34578][0-9]{9}$/   或者  /^1[34578]\d{9}$/

如何验证邮箱:/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/  

或者:/^[\w-]+@[\w-]+(\.[\w-]+)+$/

(\表示转义符 把.转化为字符串的,并且使用()分组,就是把.com 或者.cn当成一组)

()后面使用+号,表示可能有一组,可能有多组;

例如:把abc123efg';变成'abc[1][2][3]efg':

第一种方法:

但是有一个缺陷当有空格的时候,isNAN返回的也i是true;

也会被循环选中;

第二种:

用正则的方法:推荐使用:

第三种:

用replace函数:最简单:


Cookie:    Cookie 用于存储页面的用户信息

常见例子:自动登录、记住用户名或密码:

Cookie特性

域名和端口一致,就算路径不一样,也可以所有页面共享一套Cookie;

和localStorage 、sescionStorge的区别是什么:

1.Cookie所占的数量有限,存储的东西比较少,浏览器一半只允许存放300多个cookie,每个站点最多存放20个cookie,每个cookie的大小限制不超过4kb;

Cookie

那么添加了cookie后,如何删除呢?:

首先我们要给cookie设置一个过期时间:(不设置过期时间一样可以删除):

然后我们要删除:

获取当前时间,然后-1天,让过期时间过期。

获取当前时间,然后-1天,让过期时间过期。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,463评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,868评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,213评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,666评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,759评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,725评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,716评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,484评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,928评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,233评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,393评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,073评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,718评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,308评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,538评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,338评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,260评论 2 352

推荐阅读更多精彩内容