JS正则表达式

<script language="JavaScript">
var str,i;
str = "100011a01b01c0";
document.write(str+"<br>");
// /0/匹配数字0
str = str.replace(/0/,"1");
document.write("未使用全局<br>"+str+"<br>")
// /0/匹配数字0,/g为全局匹配
str = str.replace(/0/g,"1");
document.write("使用全局<br>"+str+"<br>");
</script>
<!--
100011a01b01c0
未使用全局
110011a01b01c0
使用全局
111111a11b11c1
-->

正则表达式

工作原理：通配符匹配技术
由普通字符和一些无字符组成的文字模式
可以将正则表达式看成是一个模板，使用该模型可

以匹配多个文本

创建正则表达式

var exp = new RegExp(pattern [, attributes]
);
var exp1=new RegExp("正则表达式");

var exp2=new RegExp("正则表达式","i");

var exp3=new RegExp("正则表达式","ig");

var exp=/正则表达式/;
var exp=/正则表达式/ig;



RegExp方法



var pattern=new RegExp("java","i");
var str="i like java.";
alert(pattern.test(str));//true
var pattern=/java/ig;
var str="i like java,also like javascript";
alert(pattern.exec(str));//java

字符串使用正则表达式

String类型的方法
<script language="JavaScript">
var regExp=new RegExp("\\d+","g");
var str="123abc345de434fg";
document.write(str.replace(regExp,"#"));//#abc#de#fg
document.write("<br>");
document.write(str.replace(/\d+/g,"#"));//#abc#de#fg
</script>

元字符

例子

检验邮编

<script language="JavaScript">
function checkCode(){
var checkText=document.myForm.myText.value;
var myRegExp=/^\d{6}$/;
if(myRegExp.test(checkText)){
alert("邮政编码格式正确!");
return true;
}else{
alert("邮政编码输入有误,请重新输入!");
return false;
}
}
</script>
检验Email

规则:

zhang_san@xupt.edu.cn

li-si01@163.com
^([a-zA-Z0-9_-])+@[a-zA-Z0-9_-]+((\.[a-z]{2,8}){1,2})$

<script language="JavaScript">
function checkEmail() {
var email=document.myForm.myEmail.value;
var reg=/^([a-zA-Z0-9_-])+@[a-zA-Z0-9_-]+((\.[az]{2,8}){1,2})$/;
if(reg.test(email)) {
alert("Email格式正确!");
return true;
}else {
alert("Email格式不符!");
return false;
}
}
</script>
检验电话号码
座机规则

1.010-12345678

2.0755-12345678

3.0535-1234567

4.12345678

5.1234567
^((0[1-9][0-9]-)?[1-9][0-9]{7}|(0[1-9][0-9]{2}-)?([1-9][0-9]{6,7}))$

应用：插入文本
InnerText方法

格式:

        元素.innerText="文本"

说明

        可以对元素div,span,label,p等包含的文本段内容进行修改,无格式。

例如:

        text1.innerText="这是一段无格式的文字,覆盖原标记内文字"

应用:插入HTML文本

InnerHTML方法

格式:

        元素.innerHTML="带格式文本"

说明:

        可以对元素div、span、label、p等包含文本段内容进行修改,带有HTML格式。

例如:

        text1.innerHTML="<font color=red>这是一段有格式的文字,覆盖原文字</font>"

应用:JQuery基本使用

引入JQuery
<script src="js/jquery-2.1.3.min.js"/>

使用
<input type="text" id="emp" class="c1" name="emp">
获取值： $('#emp').val(); $('.c1').val();
设置css样式：
$('#emp').css("color","red");
设置文本： $('#emp').text("这是纯文本");
设置html代码：
$('#emp').html("这是Html文本");
注入函数： $(document).ready(function() { //js代码
});

$(function() { //js代码 }); //上式简写
$('#emp').click(function() { //js代码
});

$('#emp').blur(function() { //js代码 });