`
finally_m
  • 浏览: 69297 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript正则表达式

阅读更多

什么是正则表达式

正则表达式是一种可以用于文字模式匹配和替换的强有力的工具。是由一系列普通字符和特殊字符组成的能明确描述文本字符串的文字匹配模式。

正则表达式并非一门专用语言,但也可以看作是一种语言,它可以让用户通过使用一系列普通字符和特殊字符构建能明确描述文本字符串的匹配模式。除了简单描述这些模式之外,正则表达式解释引擎通常可用于遍历匹配,并使用模式作为分隔符来将字符串解析为子字符串,或以智能方式替换文本或重新设置文本格式。正则表达式为解决与文本处理有关的许多常见任务提供了有效而简捷的方式。

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>javascript正则表达式</title>    
	<script type="text/javascript">
		//年龄
		function isAge(obj){
			if(/^[0-9]{1,3}$/.test(obj.value)){
				document.getElementById("age_error").innerHTML ="正确";
			}else{
				document.getElementById("age_error").innerHTML = "必须是小于或等于3位的数字";
				return false;
			}
			return true;
		}
		//数字
		function isNumber(obj){
			if( /^\d*\.?\d+$/.test(obj.value)){
				document.getElementById("number_error").innerHTML ="正确";
			}else{
				document.getElementById("number_error").innerHTML ="必须是数字";
				return false;
			}
			return true;
		}
		//邮编
		function isZip(obj){
			var reg = /^\d{6}$/;
			if(reg.test(obj.value)){
				document.getElementById("zip_error").innerHTML ="正确";
			}else{
				document.getElementById("zip_error").innerHTML ="必须是6位数字";
			}
		}
		//手机号,电话号码
		function isMobile(obj){
			var reg = /^\d{11,12}$/;
			if(reg.test(obj.value)){
				document.getElementById("mobile_error").innerHTML ="正确";
			}else{
				document.getElementById("mobile_error").innerHTML ="必须是11或12位数字";
			}
		}
		//身份证
		function isNum15_Num18(obj){
			if(/^\d{15}$/.test(obj.value) || /^\d{17}(?:\d|x)$/.test(obj.value)){
				document.getElementById("num15_Num18_error").innerHTML ="正确";
			}else{
				document.getElementById("num15_Num18_error").innerHTML ="必须是15或18位数字";
			}
		}
		//字母或数字
		function isCharOrNum(obj){
			var reg = /^\w+$/;
			if(reg.test(obj.value)){
				document.getElementById("charOrNum_error").innerHTML ="正确";
			}else{
				document.getElementById("charOrNum_error").innerHTML ="必须是字母或数字";
			}
		}
		//Email
		function isEmail(obj){
			var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
			if(reg.test(obj.value)){
				document.getElementById("email_error").innerHTML ="正确";
			}else{
				document.getElementById("email_error").innerHTML ="Email格式不正确";
			}
		}
	</script>
  </head>
  
  <body>
  	<h2>javascript正则表达式</h2>
    <table>
    	<tr>
    		<td>年龄</td>
    		<td><input type="text" name="age" onblur="isAge(this)"></td>
    		<td><div id="age_error"></div></td>
    	</tr>
    	<tr>
    		<td>数字</td>
    		<td><input type="text" name="number" onblur="isNumber(this)"></td>
    		<td><div id="number_error"></div></td>
    	</tr>
    	<tr>
    		<td>邮编</td>
    		<td><input type="text" name="zip" onblur="isZip(this)"></td>
    		<td><div id="zip_error"></div></td>
    	</tr>
    	<tr>
    		<td>手机号/电话号码</td>
    		<td><input type="text" name="mobile" onblur="isMobile(this)"></td>
    		<td><div id="mobile_error"></div></td>
    	</tr>
    	<tr>
    		<td>身份证</td>
    		<td><input type="text" name="num15_Num18" onblur="isNum15_Num18(this)"></td>
    		<td><div id="num15_Num18_error"></div></td>
    	</tr>
    	<tr>
    		<td>字母或数字</td>
    		<td><input type="text" name="charOrNum" onblur="isCharOrNum(this)"></td>
    		<td><div id="charOrNum_error"></div></td>
    	</tr>
    	<tr>
    		<td>Email</td>
    		<td><input type="text" name="email" onblur="isEmail(this)"></td>
    		<td><div id="email_error"></div></td>
    	</tr>
    </table>
  </body>
</html>

 

 

分享到:
评论

相关推荐

    javascript正则表达式迷你书 (1).pdf

    JavaScript 正则表达式迷你书 本书是 JavaScript 正则表达式的入门级教程,旨在帮助读者快速掌握正则表达式的基本概念和应用。下面是本书的知识点摘要: 第一章:正则表达式字符匹配攻略 * 两种模糊匹配:横向...

    JavaScript正则表达式迷你书

    《JavaScript正则表达式迷你书》是一本关于JavaScript正则表达式的专业书籍,正则表达式是处理字符串的强大工具,广泛应用于编程语言中的文本处理。本书从字符匹配、位置匹配、括号的作用、回溯法原理、拆分、构建和...

    javascript正则表达式学习笔记

    这篇学习笔记将深入探讨JavaScript正则表达式的概念、语法和实际应用。 一、正则表达式基础 1. 创建正则表达式: - 字面量表示法:`/pattern/flags` - 构造函数:`new RegExp('pattern', 'flags')` 2. 常见的...

    javascript正则表达式综合练习

    JavaScript正则表达式是编程语言中的一个重要组成部分,用于处理文本模式匹配和字符串操作。这篇博客“javascript正则表达式综合练习”可能是一个实践教程或示例集合,旨在帮助开发者提升在JavaScript中使用正则...

    JavaScript正则表达式迷你书(1.1版)_程序逻辑_

    **JavaScript正则表达式迷你书(1.1版)** 正则表达式是JavaScript中一个强大的工具,用于处理文本字符串,进行模式匹配和查找、替换等操作。它们在编程逻辑中扮演着至关重要的角色,尤其是在处理字符串数据时,...

    javascript正则表达式详解 (chm)

    javascript正则表达式详解 (chm)

    javaScript 正则表达式详解

    JavaScript 正则表达式详解 JavaScript 中的正则表达式是指使用特殊字符来描述字符串模式的表达式。正则表达式可以用来匹配、检索和操作字符串。 RegExp 对象 在 JavaScript 中,正则表达式可以被定义为一个 ...

    javascript正则表达式详解

    JavaScript正则表达式是JavaScript语言中一种极为重要的文本处理工具,它允许通过简洁的语法定义文本的匹配模式。这些模式可用来对字符串进行检索、替换、提取等操作。了解和掌握JavaScript正则表达式,对于提高...

    Javascript正则表达式测试网页.rar

    JavaScript正则表达式是网页开发中的重要工具,用于处理文本数据的验证、查找、替换等操作。在网页制作过程中,熟练掌握正则表达式能够极大地提高代码效率和灵活性。本压缩包“Javascript正则表达式测试网页.rar”...

    JavaScript正则表达式.ppt

    了解正则表达式概念 掌握正则表达式的语法 熟练掌握正则表达式在JavaScript中的应用

    常用Javascript正则表达式汇总

    以下是一些常见的JavaScript正则表达式及其应用: 1. **匹配中文字符**:`[\u4e00-\u9fa5]` 这个正则表达式用于匹配Unicode范围内的中文字符,包括所有汉字。例如,如果你想在一个字符串中查找所有中文字符,可以...

    javascript正则表达式表单验证大全

    ### JavaScript正则表达式在表单验证中的应用详解 在Web开发中,表单验证是确保数据质量和用户体验的重要环节。JavaScript正则表达式提供了一种强大的工具,用于前端数据校验,确保用户输入的数据格式正确无误。...

    经典JavaScript正则表达式实战

    下面详细解析了文档中提到的JavaScript正则表达式实战应用的各个方面。 首先,匹配结尾的数字是正则表达式的一个常用功能。在JavaScript中,可以使用正则表达式/\d+$/g来实现。这个表达式可以找到字符串中最后一个...

    JavaScript正则表达式工具

    JavaScript正则表达式工具是一种基于JavaScript开发的应用程序,旨在帮助开发者和编程爱好者更方便地理解和使用正则表达式。在编程领域,正则表达式(Regular Expression)是一种强大的文本处理工具,广泛应用于字符...

Global site tag (gtag.js) - Google Analytics