javascript正则表达式入门

<!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:失去焦点  οnblur="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找到divvar 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" οnfοcus="clearText(this)" οnblur="validationsw(this)" /><div id="errorMsg" style="display:inline;"></div><hr size="3cm" color="blue"/><input id="source" type="text" value="只能是6-10位的字母组成" size="30" οnchange="changeChar(this)" /><div id="errorMsg2" style="display:inline;"></div></body>
</html>

转载于:https://www.cnblogs.com/thankyou/p/4352069.html

javascript正则表达式入门相关推荐

JavaScript正则表达式详解（一）正则表达式入门
JavaScript正则表达式是很多JavaScript开发人员比较头疼的事情,也很多人不愿意学习,只是必要的时候上网查一下就可以啦~本文中详细的把JavaScript正则表达式的用法进行了列表,希望 ...
JavaScript正则表达式-基础入门
JavaScript正则表达式-基础入门字符类,如 /w/ 为匹配任何ASCII字符组成的字符重复, 如 /w{1,3}/ 为匹配一到三个单词选择.分组和引用指定匹配位置修饰符直接量字符 ...
JavaScript从入门到放弃 -（六）正则表达式
正则表达式 1. 正则表达式概述 1.1 什么是正则表达式 1.2 正则表达式的特点 2. 正则表达式在JavaScript中的使用 2.1 创建正则表达式 2.1.1 通过调用 RegExp 对象的 ...
正则表达式入门教程经典Javascript正则表达式（share）
前言例子: ^.+@.+\\..+$ 这样的代码曾经多次把我自己给吓退过.可能很多人也是被这样的代码给吓跑的吧.继续阅读本文将让你也可以自由应用这样的代码. 正文教程:正则表达式30分钟入门教程 ...
JavaScript从入门到放弃 -（七）ES6
目录 1. ES6相关概念 1.1 什么是 ES6 ? 1.2 为什么使用 ES6 ? 2 ES6新增语法 2.1 新增关键字 2.1.1 let 关键字小结 2.1.2 const 关键字小结 ...
JavaScript从入门到放弃 -（五）函数进阶（高级用法）
目录 1. 函数的定义和调用 1.1 函数定义的3种方式 1.2 函数调用方式(常见的6种) 1.2.1 普通函数的调用 1.2.2 对象中的函数调用 1.2.3 构造函数的调用 1.2.4 DOM元 ...
es6删除数组某一项_「JavaScript 从入门到精通」10.数组
往期回顾「JavaScript 从入门到精通」1.语法和数据类型「JavaScript 从入门到精通」2.流程控制和错误处理「JavaScript 从入门到精通」3.循环和迭代「JavaScr ...
javascript高级编程教程,javascript基础入门案例
谁有比较好的javascript视频教程李炎恢的javascript教程,在verycd上可以下载. 结合<javascript高级程序设计>学习,应该会比较好,他这个教程就是参考了&l ...
《JavaScript 正则表达式迷你书》知识点小抄本
介绍这周开始学习老姚大佬的<JavaScript 正则表达式迷你书> , 然后习惯性的看完一遍后,整理一下知识点,便于以后自己重新复习. 我个人觉得:自己整理下来的资料,对于知识重现,效 ...

javascript正则表达式入门

javascript正则表达式入门相关推荐

最新文章

热门文章