<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<script type="text/javascript">
window.onload = function() {
var oInput = document.getElementById("button1");
oInput.onclick = function() {
var vName = document.getElementById("text1").value;
//用户名可以是英文字母加数字和下划线组成,6-20位,不能以下划线开头不能以下滑线结尾
var re_name = /^[a-zA-Z]{1}([\w]){4,18}([a-zA-Z]){1}$/i;
var vPassword = document.getElementById("text2").value;
//密码可以是英文字母加数字和下划线组成,6-20位,
var re_password = /(\w){6,20}/;
var vEmail = document.getElementById("text3").value;
//验证邮箱 最简单匹配: a@a.com 或：a.a@a.com
var re_email = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/;
var vDate = document.getElementById("text4").value;
//验证日期 格式：mm/dd/yyyy 或 mm-dd-yyyy
var re_date = /^\d{1,2}[\/-]\d{1,2}[\/-]\d{4}$/;
var vTel = document.getElementById("text5").value;
//验证手机号码
var re_tel = /^((13[0-9]{1})|159|153|186|188)+\d{8}$/;
//或：
var re_tel = /^(13+\d{9})|(159+\d{8})|(153+\d{8})|(186+\d{8})|(188+\d{8})$/;
//对于区号的验证
var phoneAreaNum = /^\d{3,4}$/;
//对于电话号码的验证
var phone = /^\d{7,8}$/;
//正则去除字符串中的空格
var s = "| 333 ddd |";
var re_trim = /\s+/g;
//alert(s.replace(re_trim, '')); // |333ddd|
//返回匹配的项
var s1 = " Ubantu 8.10 ";
var re1 = /[\w]+\s+(\d+\.\d+)/;
//alert(re1.exec(s1)[1]); // 8.10
var s2 = "234@abc";
var re2 = /(\d){3}(@)/;
alert(re2.exec(s2)); //数组：[234@,4,@]
alert(s2.replace(re2, '$1')); //4abc $1对应第一个分组：(\d)
alert(s2.replace(re2, '$2')); //@abc $2对应第二个分组：(@)
}
}
</script>
</head>
<body>
用户名：<input type="text" id="text1" /></br>
密码：<input type="text" id="text2" /></br>
邮箱：<input type="text" id="text3" /></br>
日期：<input type="text" id="text4" /></br>
手机号码：<input type="text" id="text5" /></br>
<input type="button" id="button1" value="提交" />
</body>
</html>
