<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title> RegExp对象</title>

  <script>

	/*function validation(obj){

		//1.得到文本框的值

		 //var name =   document.getElementById("username").value;

		 var name = obj.value;

		//2.定义一个正则表达式

		var regexp = new RegExp("[a-zA-Z]{6,10}");

		//3.匹配

		var bvalue = regexp.test(name);

		//4.判断

		if(bvalue){

			alert("用户名格式正确");

		}else{

			alert("用户名格式错误，只能6-10位字母组成");

		}

	}*/

	//调用函数规则一般:事件名="函数名()"

	//onclick:点击

	//onblur:失去焦点  onblur="validation(this)" this代表当前的标签

	//onfocus:得到焦点

	//即时的消息提示

	function validationsw(obj){

		//1.得到文本框的值

		 //var name =   document.getElementById("username").value;

		 var name = obj.value;

		//2.定义一个正则表达式

		var regexp = new RegExp("^[a-zA-Z]{6,10}$");

		//3.匹配

		var bvalue = regexp.test(name);

		//根据id找到div

		var errorsw = document.getElementById("errorMsg");

		//4.判断

		//innerHTML代表的是<div></div>中间的文本,而且能识别html标签

		//innerText:代表的是<div></div>中间的文本,但不能识能html标签

		if(bvalue){

			errorsw.innerHTML="<font color='red'>用户名格式正确</font>";

		}else{

			errorsw.innerHTML="<font color='red'>用户名格式错误，只能6-10位字母组成</font>";

		}

	}

	function clearText(objhsw){

		var hswvalue = objhsw.value;

		if(hswvalue == "只能6-10位字母组成"){

			objhsw.value="";

		}

	}

	function changeChar(obj){

		var source = obj.value;

		if(source!="只能是6-10位的字母组成"){

			var regExp = new RegExp("^[a-zA-Z]{6,10}$");

			flag = regExp.test(source);

		}

		var errorsw = document.getElementById("errorMsg2");

		if(!flag){

			errorsw.innerHTML = "<font color='red'>只能是6-10位的字母组成</font>";

		}else{

			errorsw.innerHTML = "<font color='green'>ok</font>";

		}

	}

  </script>

 </head>

 <body>

	<input type="text" value="只能6-10位字母组成" id="username" name="username" onfocus="clearText(this)" onblur="validationsw(this)" />

	<div id="errorMsg" style="display:inline;"></div>

	<hr size="3cm" color="blue"/>

	<input id="source" type="text" value="只能是6-10位的字母组成" size="30" onchange="changeChar(this)" />

	<div id="errorMsg2" style="display:inline;"></div>

 </body>

</html>

javascript正则表达式入门的更多相关文章

  1. javascript正则表达式入门先了解这些

    前言 此内容由学习<JavaScript正则表达式迷你书(1.1版)>整理而来(于2020年3月30日看完).此外还参考了MDN上关于Regex和String的相关内容,还有ECMAScr ...

  2. 正则系列——JavaScript正则表达式入门心得

    我发现有个别字符被这个编辑器给刷掉了,但是灰色区域显示正常,以灰色区域代码为准 什么玩意? 在我刚开始学习编程的时候,就听过正则了,也听说正则很牛逼,懂正则的更牛逼.但是苦于没有人指点,也没有使用正则 ...

  3. JavaScript 正则表达式入门教程

    正则表达式是描述一组字符串特征的模式,用来匹配特定的字符串 主要分三个部分:基本语法.RegExp对象的方法.JS中支持正则表达式的String对象方法 一.基本语法 在JS中,正则表达式为对象,用如 ...

  4. JavaScript正则表达式详解（一）正则表达式入门

    JavaScript正则表达式是很多JavaScript开发人员比较头疼的事情,也很多人不愿意学习,只是必要的时候上网查一下就可以啦~本文中详细的把JavaScript正则表达式的用法进行了列表,希望 ...

  5. 正则表达式入门教程&&经典Javascript正则表达式（share）

    前言 例子: ^.+@.+\\..+$ 这样的代码曾经多次把我自己给吓退过.可能很多人也是被这样的代码给吓跑的吧.继续阅读本文将让你也可以自由应用这样的代码. 正文 教程:正则表达式30分钟入门教程 ...

  6. 正则表达式基于JavaScript的入门详解

    关于正则表达式,和很多前辈聊起这个知识点时,他们的反馈都比聊其他技术谦逊,而和很多刚入门的程序员讨论时甚至会有觉得你看不起他. 的确,正则表达式从通常的应用来看,的确不难,比如电话,邮箱等验证.语法, ...

  7. 正则表达式入门教程&&经典Javascript正则表达式----share

    前言 例子: ^.+@.+\\..+$ 这样的代码曾经多次把我自己给吓退过.可能很多人也是被这样的代码给吓跑的吧.继续阅读本文将让你也可以自由应用这样的代码. 正文 教程:正则表达式30分钟入门教程 ...

  8. 正则表达式入门教程&&经典Javascript正则表达式

    前言 例子: ^.+@.+\\..+$ 这样的代码曾经多次把我自己给吓退过.可能很多人也是被这样的代码给吓跑的吧.继续阅读本文将让你也可以自由应用这样的代码. 正文 教程:正则表达式30分钟入门教程 ...

  9. javascript 正则表达式 详细入门教程

    1.什么是正则表达式 定义: 一个用来搜索.匹配.处理一些符合特定语法规则的一个强大的字符串处理工具. 用途: 进行特定字符和字符串的搜索 替换字符串中指定的字符或字符串 验证字符串是否符合需求 2. ...

随机推荐

  1. Java中的异常和处理详解

    简介 程序运行时,发生的不被期望的事件,它阻止了程序按照程序员的预期正常执行,这就是异常.异常发生时,是任程序自生自灭,立刻退出终止,还是输出错误给用户?或者用C语言风格:用函数返回值作为执行状态?. ...

  2. 复杂关联SQL的优化

    昨天处理了一则复杂关联SQL的优化,这类SQL的优化往往考虑以下四点: 第一.查询所返回的结果集,通常查询返回的结果集很少,是有信心进行优化的: 第二.驱动表的选择至关重要,通过查看执行计划,可以看到 ...

  3. 集美大学网络1413第十次作业成绩（团队六） -- 展示博客（Alpha版本）

    题目 团队作业6--展示博客(Alpha版本) 团队作业6成绩  团队/分值 简介& 项目地址 项目目标 (典型用户. 功能描述. 预期用户数量) 如何满足 用户需求 已完成目标 团队分工 团 ...

  4. 结对编程1--基于GUI的四则运算题目生成器

    最终项目详细代码(coding地址)/李志强的博客/我的详细代码/方言的博客 一.需求分析 1.实现之前项目的功能,如:除了整数之外,还要支持真分数的四则运算,真分数的运算,并且要求能处理用户的输入, ...

  5. SNS团队第一次站立会议（2017.04.22）

    一.当天站立式会议照片 本次会议主要内容:进一步明确了团队中各个成员的定位,说明了下一步团队工作的方向 二.每个人的工作 成员 昨天已完成的工作 今天计划完成的工作 罗于婕 系统架构设计及项目数据库设 ...

  6. Swing-布局管理器之BorderLayout（边界布局）-入门

    注:本文内容基本源于Java图形化界面设计——布局管理器之BorderLayout(边界布局),笔者学习过程中根据自身理解进行少量编辑. 边界布局管理器(BorderLayout)把容器的的布局分为五 ...

  7. 201521123025 《Java程序设计》第1周学习总结

    1. 本章学习总结 (1)对JAVA的历史有了初步了解 (2)学会安装JDK和设置JAVA_HOME,PATH,CLASSPATH环境变量 (3)范围:JDK>JRE>JVM 2. 书面作 ...

  8. Linux SDK之uClinux、Broadcom、Atheros、Realtek、Ralink、Marvell、Intel

    接触的Linux SDK越来越多,整理整理,分享分享,不求系统全面,对您有帮助便足矣 文中大部分是与AP/Router SoC解决方案(单芯片WIFI 路由器解决方案)相关的Linux SDK SDK ...

  9. Git 查看/修改用户名、邮箱

    用户名和邮箱地址的作用 用户名和邮箱地址是本地Git客户端的一个变量,不随git库而改变. 每次commit都会用用户名和邮箱纪录. github的contributions统计就是按邮箱来统计的. ...

  10. SimpleRpc-系统边界以及整体架构

    系统边界 什么是系统边界?系统边界就是在系统设计之初,对系统所要实现的功能进行界定,不乱添加,不多添加.这么做的好处就是,系统简单明了,主旨明确,方便开发和用户使用.举个例子,一个自动售货机的本职工作 ...