<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代码 });