JavaScript基础总结–表单验证与JS数组(六)

继续接上篇JavaScript基础总结–JS样式语法(五)

JavaScript基础总结--表单验证与JS数组(六)

表单数据验证作用

1、将表单组件的内容取出,根据事先定义的验证语法判断用户输入的数据是否符合格式要求。

2、减少客户端无效数据与服务器交互次数。

3、规范用户输入。

正则表达式

正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某个子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。正则表达式是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式 。

正则表达式中包含以下几种可以匹配的字符:

1、普通字符:包括所有的大写和小写字母字符,所有数字,所有标点符号以及一些符号

2、非打印字符:[abc]表示要么是a,要么是b,要么是c;^表示逻辑非

\n  匹配一个换行符

\r  匹配一个回车符

\s  匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]

\S  匹配任何非空白字符。等价于[^\f\n\r\t\v]

\t  匹配一个制表符。

\w  匹配包括下划线的任何单词字符。等价于[A-Za-z0-9_]

\W  匹配任何非单词字符。等价于 [^A-Za-z0-9_]

\d  匹配数字

3、特别字符

/^  正则表达式的开始

$/  正则表达式的结束

()  标记一个子表达式的开始和结束

[]  标记一部分可选字符

.   匹配除\n外的所有字符

|   逻辑或

4、限定表达式的出现次数

* 出现任意次

? 或出现一次或不出现

+ 至少出现一次

{m} 出现m次,m是自然数

{m,} 至少出现m次,m是自然数

{m,n}出现m到n次,m,n均是自然数

5、其它

\d+ :匹配1个或更多连续的数字

\b\w{6}\b: 匹配刚好6个字符的单词

\ba\w*\b :匹配以字母a开头的单词

电话号码:0710-3287171

0\d\d\d\-\d\d\d\d\d\d\d

0\d{3}\-\d{7}

验证5-12位的QQ号码

^匹配你要用来查找的字符串的开头,$匹配结尾

^\d{5,12}$

6、分枝条件:有几种规则,如果满足其中任意一种规则都应该当成匹配

0\d{2}-\d{8}|0\d{3}-\d{7}

\(0\d{2})[-]?\d{8}|0\d{2}[-]?\d{8}

7、分组条件:

(\d{1,3}\.){3}\d{1,3}是一个简单的IP地址匹配

\d{1,3}(.\d{1,3}){3}

常用的正则表达式

1、用户名必须是字母和数字组成:

/^[a-zA-Z0-9]+$/

2、所有数字:

/^[0-9]$/

3、所有大小写字母:

/^\W*$/

4、验证E-mai地址 :

/^[a-zA-Z0-9]{6,}@[a-z0-9]+\.[a-z]{3}(\.[a-z]{2})?$/

等一系列。

JavaScript数组

JavaScript中的数组称为Array对象,数组元素的索引从0开始,数组元素的个数称为数组的长度。在使用时,有两种方式实例化数组:

var ar=new Array();//定义一个空数组,空数组能够存放的元素个数不固定

var ar=new Array(5);//定义一个初始长度为5的数组,数组长度可变化

 

var ar=[];//定义一个空数组,空数组能够存放的元素个数不定

var ar=[12,24,45];//定义一个存放了三个元素的数组

JavaScript数组的特点

1、数组元素个数可以超出数组长度

2、数组中每个元素的类型也可不尽相同

3、可以将新元素放在数组的末尾

4、可以弹出数组末尾的元素,弹出后末尾元素将移出数组

未完待续...

下篇传送阵:JavaScript基础总结–表格对象与父子窗体(七)

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:1   其中:访客  1   博主  0

  1. avatar 大谋士 1

    好久没看了,感觉已经忘记得差不多了。

评论加载中...