正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式的用处非常广泛,下面讲解一下JavaScript下的正则表达式:
正则表达式语法:
语法1
re=/pattern/[flags]
语法2
re=newRegExp("pattern",["flags"])
参数
re
必选项。将要赋值为正则表达式模式的变量名。
Pattern
必选项。要使用的正则表达式模式。如果使用语法1,用"/"字符分隔模式。如果用语法2,用引号将模式引起来。
flags
可选项。如果使用语法2要用引号将flag引起来。标志可以组合使用,可用的有:
·g(全文查找出现的所有pattern),比如你有一几百行的字符串要搜索,那么你要加g标识(js默认搜索范围为一行搜索)
·i(忽略大小写)
·m(多行查找),js默认查找到第一个符合的字符串就完成任
例:
Regexp.js
function match() {
str1 = "this is JAVA java Java , this is a first RegExp programe!";
//str2 = "java";
re = /java/i;
re2 = /java/g;
re3 = new RegExp("java", "i");
r = str1.match(re);
r2 = str1.match(re2);
r3 = str1.match(re3);
document.writeln(r);
document.writeln(r2);
document.writeln(r3);
}
Test.html
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<script language="javascript" src="regexp.js"></script>
<script>
match();
</script>
</body>
</html>
注册验证
register.js
function checkUserName() {
var username = document.getElementsByName("userName")[0].value;
//re = new RegExp("\s*","g");
//re = /(\s*)/g
//var isEmpty = re.test(usrname);
var nameWarning = "";
if (!(new RegExp("\\S+")).test(username)) { //判断用户名是否为空
//alert("请输入用户名!");
nameWarning = "请输入用户名!";
document.getElementById("namechick").innerText = nameWarning;
return false;
}
document.getElementById("namechick").innerText = nameWarning;
return true;
}
function checkPassword() {
var pwdWarning = "";
var password = document.getElementsByName("password")[0].value;
if (password != ""
&& !(new RegExp("^(\\s*)$")).test(password)) {//密码不为空
if(!/\w{6}/.test(password)) { //密码不是6位的字符或数字
pwdWarning = "密码为6位的字符或数字";
}
} else { //密码为空
pwdWarning = "请输入密码!";
document.getElementById("pwdchick").innerText = pwdWarning;
return false;
}
document.getElementById("pwdchick").innerText = pwdWarning;
return true;
}
function checkEmail() {
var emailWarning = "";
var email = document.getElementsByName("email")[0].value;
if (!(new RegExp("[\\w[._]]+@[\\w[._]]+\\.[\\w]+")).test(email)) { //密码不是6位的字符或数字
emailWarning = "邮箱格式不正确!";
//return false;
}
document.getElementById("emailchick").innerText = emailWarning;
return true;
}
register.html
<html>
<head>
<title>注册</title>
<style type="text/css">
.STYLE1 {color: #FF0000}
</style>
<script language="JavaScript" src="register.js">
</script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">
-->
</head>
<body>
<h2 align="center">
<strong>注册:</strong>
</h2>
<br>
<form action="success.html" method="post"
onsubmit="return checkForm(this);">
<table width="400" border="0" align="center">
<tbody>
<tr>
<td>
用户名:
</td>
<td>
<input type="text" name="userName" onblur ="return checkUserName();">
</td>
<td id="namechick" class="STYLE1"></td>
</tr>
<tr>
<td>
密码:
</td>
<td>
<input type="password" name="password" onblur ="return checkPassword();">
</td>
<td id="pwdchick" class="STYLE1"></td>
</tr>
<tr>
<td>
邮 箱:
</td>
<td>
<input type="text" name="email" onblur ="return checkEmail();">
</td>
<td id="emailchick" class="STYLE1"></td>
</tr>
<tr>
<td align="center" colspan="3">
<input type="submit" name="login" value="注 册">
</td>
</tr>
</tbody>
</table>
<br>
</form>
</body>
</html>
success.html
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h1 align="center">注册成功!</h1>
</body>
</html>
分享到:
相关推荐
JavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全....
javascript正则表达式表单验证大全非常好用!
正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式...
一个比较经典的表单验证方式,采用JavaScript和正则表达式来进行无刷新验证,有三种验证模式。
JavaScript正则表达式验证身份证号码是否合法(两种方法)分析.docx
常用的javascript基于正则表达式的文本框验证代码
简单的正则表达式+js验证邮箱例子 新手必备 !
经典Javascript正则表达式 正则表达式用于字符串处理,表单验证等场合,实用高效,但用到时总是不太把握,以致往往要上网查一番。我将一些常用的表达式收藏在这里,作备忘之用。 匹配中文字符的正则表达式: [\...
JavaScript中使用正则表达式的一些验证
Javascript正则表达式教程 用于验证
正则表达式实战... 1 匹配结尾的数字... 2 统一空格个数... 3 判断字符串是不是由数字组成... 3 电话号码正则... 3 手机号码正则表达式... 4 使用正则表达式实现删除字符串中的空格:... 4 限制文本框只能输入数字和...
总结的js常用的正则表达式,如邮箱,手机号码,等等验证方法。
收集于网上各种javascript的正则表达式验证,如邮箱,ip,字符,数据和各种组合的验证。 只能输入由26个英文字母组成的字符串:“^[A-Za-z]+$” 只能输入由26个大写英文字母组成的字符串:“^[A-Z]+$” 只能输入由...
关键字:正则表达式 模式匹配 Javascript 摘要:收集一些常用的正则表达式。 正则表达式用于字符串处理,表单验证等场合,实用高效,但用到时总是不太把握,以致往往要上网查一番。我将一些常用的表达式收藏在这里...
ASP.net+MVc+javaScript正则表达式验证
表单验证,验证用户输入的数据是否合法 ... c、规则与用户输入内容进行匹配,正则表达式 正则表达式规则.test(要验证的内容); d、给出明确的提示信息span标签中以及边框的颜色 2、用户点击提交按钮的时候要给出提示
很全的正则表达式... 很全的正则表达式...
JavaScript 正则表达式 模式符验证 学习