如何使用JavaScript和正则表达式进行数据验证
testRegExp = /^search$/i
RegExp对象包含了大量的方法，但我们只介绍其中的一个方法test。该方法将对指定字符串进行正则表达式匹配，假如成功则返回true，失败则返回false，该方法可以应用在文字字符串或者字符串变量上，基本上，它答应您对一个字符串进行正则表达式匹配，以下的例子演示了如何使用这个方法： 内容来自dedecms
testRegExp = /search/i; 内容来自dedecms
if (testRegExp.test("this is a search string") { 织梦内容管理系统
document.write("The string was found.");
copyright dedecms
} else { 内容来自dedecms
document.write("No match found.");
}
We can place it in a Web page to test:
<html><head> dedecms.com
<title>RegExp test</title> 织梦内容管理系统
</head><body>
织梦内容管理系统
<script language="javascript">
testRegExp = /search/i; 织梦内容管理系统
if (testRegExp.test("this is a search string")) {
内容来自dedecms
alert("The string was found.");
} else {
alert("No match found.");
} 织梦好，好织梦
</script></body></html> 内容来自dedecms
实际操作 内容来自dedecms
现在是讲解更加完整的例子的时候了，在列表A中的网页包含了JavaScript方法来验证文本框中输入的值，这段JavaScript代码将搜索包含我的姓氏和我的两个名字的字符串(忽略大小写)，假如找到了我的名字，则通过字符串对象的替换方法(search)将其替换为一个短名字。第二个文本框是用于接受时间值的，一个正则表达式在此对输入的时间进行合法性验证(数字是通过冒号分割的)。这个简单的例子说明了如何在您的客户端代码中加入正则表达式来进行匹配和替换：
内容来自dedecms
<html><head>
<title>RegExp validation</title> 本文来自织梦
<script language="JavaScript">
dedecms.com
function validate() {
var doc = document.test; 织梦内容管理系统
varvalName = new RegExp("^(Tony|Anthony) Patton", "i"); 织梦内容管理系统
if (doc.Name.value.match(valName) == null) {
织梦内容管理系统
alert("Name was not found.");
本文来自织梦
} else {
copyright dedecms
doc.Name.value = doc.Name.value.replace(valName, "T. Patton");
}
varvalTime = new RegExp("^([0-1][0-9]|[2][0-3]):([0-5][0-9])$"); 织梦内容管理系统
if (doc.time.value.match(valTime) == null) {
alert("Please enter correct time format (hh:ss)"); 织梦好，好织梦
} }
</script></head>
织梦内容管理系统
<body><form name="test">
内容来自dedecms
Name: <input type="text" name="Name" value=""><br>
织梦好，好织梦
Time: <input type="text" name="time" value=""><br> dedecms.com
<input type="button" name="test" value="test" onClick="validate();"> 织梦好，好织梦
</form></body></html>
强大而复杂 copyright dedecms
正则表达式的功能确实很强大，但是使用起来也并不简单，因此，应当循序渐进地学习，当然，它确实值得您花上一些时间来学习如何正确使用。正则表达式为JavaScript (以及其他的语言)操作文本，通用软件进行表单验证提供了一个简单而优雅的方法。
织梦内容管理系统
内容来自dedecms
文章评论
共有位Admini5网友发表了评论 查看完整内容