JavaScript正则表达式的练习

javaScript学习
2 正则表达式的练习----注册校验
（效果：符合正则表达式要求 span输出：用户名合法否则输出用户名不合法）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>验证用户名输入是否合法</title>
<!--    innerHTML可以获取起始标签和结束标签之间的内容--><script type="text/javascript">function onclickfun() {//获取文本内容var username = document.getElementById("user");var text = username.value;//正则表达式用于验证var patt = /^\w{5,12}$/;//修改span标签里的内容var usersp = document.getElementById("userspan");if(patt.test(text)){usersp.innerHTML = "用户名合法";}else{usersp.innerHTML = "用户名不合法";}}</script>
</head>
<body>用户名：<input type="text" id="user" value="wgz"/><span id="userspan" style="color: bisque"></span><button onclick="onclickfun()">校验</button>
</body>
</html>

JavaScript正则表达式的练习相关推荐

JavaScript正则表达式快速判断技巧
原文:JavaScript正则表达式快速判断技巧这里是JS的正则的一点心得,并不是最完整的规则汇总,更侧重实际运用中的快速判断,初学者接触正则之后往往会被一堆星号括号给弄晕,有了一些速判技巧就能从整 ...
javascript 正则表达式详解
正则表达式中的特殊字符字符含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个 ...
经典JavaScript正则表达式实战
来源:http://www.cainiao8.com/web/js_note/js_regular_expression_blueidea.html 目录 1. 正则表达式实战...1 2. 匹 ...
温故知新 javascript 正则表达式
温故知新 javascript 正则表达式转载:http://www.cnblogs.com/libinqq/archive/2008/07/31/1257699.html 很长时间没看正则表达式 ...
javascript正则表达式小结
总结了一下javascript正则表达式的内容.表格形式,一目了然.辅以Example图形解释. 一.元字符二.反义字符三.转义字符四.重复匹配五.分组/捕获六.贪婪与惰性七.修饰符 ex ...
JavaScript正则表达式详解（一）正则表达式入门
JavaScript正则表达式是很多JavaScript开发人员比较头疼的事情,也很多人不愿意学习,只是必要的时候上网查一下就可以啦~本文中详细的把JavaScript正则表达式的用法进行了列表,希望 ...
好程序员web前端分享使用JavaScript正则表达式如何去掉双引号
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享使用JavaScript正则表达式如何去掉双引号,最近接了一个项目,项目需求需要用js正则表达式过滤掉页面文本域 ...
JavaScript 正则表达式
JavaScript 正则表达式版权声明:未经授权,严禁转载! 正则表达式什么是正则表达式正则表达式是用来描述一种特定格式的字符规则的表达式. 正则表达式常用语在一段文本中搜索,匹配或者替换特 ...
js php 正则差别,JavaScript正则表达式的浏览器的差异
JavaScript中的正则表达式在不同的浏览器中得到的结果可能会有差异,下面把正则表达式在五大主流浏览器(IE.Firefox.Chrome.Safari.Opera,以当前版本为准)之间的差异整理 ...
玩转JavaScript正则表达式
Why Regular Expression 我们先来看看,我们干哈要学正则表达式这玩意儿: 复杂的字符串搜寻.替换工作,无法用简单的方式(类似借助标准库函数)达成. 能够帮助你进行各种字符串验证. ...

JavaScript正则表达式的练习

JavaScript正则表达式的练习相关推荐

最新文章

热门文章