JS正则表达式

最新推荐文章于 2025-02-27 20:04:57 发布

原创最新推荐文章于 2025-02-27 20:04:57 发布 · 375 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了正则表达式的创建及使用方法，并通过实例演示了如何用正则表达式进行文本匹配与替换，包括检验邮编、电子邮件地址和电话号码等常见应用场景。

<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

使用

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