JavaSricpt 的正则表达式 ，正则表达式是由一个字符序列形成的搜索模式。具体可参考： http://www.runoob.com/js/js-regexp.html

JavaSricpt 的正则表达式

正则表达式的语法：

语法：/正则表达式主体/修饰符(其中修饰符号可选)

举例：var patt = /runoob/i实例解析:

/runoob/i 是一个正则表达式。

runoob 是一个正则表达式主体 (用于检索)。

i 是一个修饰符 (搜索不区分大小写)。

1、字符串的处理方法：

JavaScript 中，正则表达式通常用于两个字符串方法 : search() 和 replace()。

search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。

replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

练习：

search() 方法：

点我

function myFunction() {

var file = document.getElementById('demo').innerHTML;

var text = file.search(/qing/i);

document.getElementById('demo').innerHTML = text;

}

效果：

replace()方法：

点我

function myFunction() {

var file = document.getElementById('demo').innerHTML;

var text = file.replace(/qing/i,'Qing');

document.getElementById('demo').innerHTML = text;

}

效果：

2、RegExp 对象(重点)

RegExp 对象是一个预定义了属性和方法的正则表达式对象。

test() 方法是一个正则表达式方法。用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。通常用来判断字符串的正则。

exec() 方法是一个正则表达式方法。用于检索字符串中的正则表达式的匹配。该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。通常用来获取匹配的数据。

练习：

test() 方法：

匹配数字：

>rep = /\d+/;

>rep.test("fasf");

false

>rep.test("fas123");

true

匹配字符串全部为数字

>rep = /^\d+$/;

>rep.test('fadfad123');

false

>rep.test('123');

true

判断字符串末端为数字

>rep = /\d+$/;

>rep.test('fadfad');

false

>rep.test('fadf123');

true

exec() 方法：

>str1 = "wangsen7 hongyang9 wangjun8 wangbafafasfasdfa0fafa"

>var patten = /\bwang(\w*)\b/

>patten.exec(str1)

>str2 = "JavaScript Begin learning in your first Java surrounded by Script, and name JavaEnd。" ;

>var patten1 = /\bJava(\w*)\b/;

>patten1.exec(str2)[0]

"JavaScript"

>patten1.exec(str2)[1]

"Script"

>var patten2 = /\bJava\w*\b/g;

>patten2.exec(str2)

>var patten3 = /\bJava(\w*)\b/g;

>patten3.exec(str2)[0]

3、案例

实例案例：后台表单设计

Title

/*是否带有小数*/

function isDecimal(strValue ) {

var objRegExp= /^\d+\.\d+$/;

return objRegExp.test(strValue);

}

/*校验是否中文名称组成 */

function ischina(str) {

var reg=/^[\u4E00-\u9FA5]{2,4}$/; /*定义验证表达式*/

return reg.test(str); /*进行验证*/

}

/*校验是否全由8位数字组成 */

function isStudentNo(str) {

var reg=/^[0-9]{8}$/; /*定义验证表达式*/

return reg.test(str); /*进行验证*/

}

/*校验电话码格式 */

function isTelCode(str) {

var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;

return reg.test(str);

}

/*校验邮件地址是否合法 */

function IsEmail(str) {

var reg=/^[a-zA-Z0-9]+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;

return reg.test(str);

}

function fun1(){

if(!isStudentNo(document.getElementById("sno").value)){

alert("学生编号是8位数字");

document.getElementById("sno").focus();

return false;

}

if(!ischina(document.getElementById("username").value)){

alert("学生姓名必须填写中文");

document.getElementById("username").focus();

return false;

}

if(!IsEmail(document.getElementById("email").value)){

alert("邮箱地址错误");

document.getElementById("email").focus();

return false;

}

if(!isTelCode(document.getElementById("tel").value)){

alert("电话号码不对");

document.getElementById("tel").focus();

return false;

}

/*运行到这里说明验证通过返回true submit提交按钮起作用提交表单*/

alert("提交成功");

return true; // 这边设置禁止提交，实际项目需要改为 true

}

效果：