<form action="chuli.html" method="get">
<div>用户名:<input id="yhm" type="text" name="yhm" /></div>
<div>密码：<input id="mm" type="text" name="mm" /></div>
<div>确认密码:<input id="qrmm" type="text" name="qrmm" /></div>
<div>年龄:<input id="age" type="text" name="age" /></div>
<div>邮箱：<input type="text" name="youxiang" id="youxiang" /></div>
<input type="submit" value="注册" onclick="return yanzheng()" />（ 如果返回true 继续执行 如果返回false 停止执行）
</form>
<script type="text/javascript">
function yanzheng()
{
var yhm = document.getElementById("yhm").value;
if(yhm=="")//或者 yhm==null
{
alert("用户名不能为空");
return false;
}
else
{
return true;
}
}
function yanzheng()
{
var mm = document.getElementById("mm").value;
var qrmm = document.getElementById("qrmm").value;
if(mm==qrmm)
{
return true;
}
else
{
alert("两次输入的密码不一致");
return false;
}
}
function yanzheng()
{
var age = document.getElementById("age").value;
if(age>=18 && age<=50)
{
return true;
}
else
{
alert("年龄不满足");
return false;
}
}
function yanzheng()
{
var yx = document.getElementById("youxiang").value;
var zz = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(yx.match(zz)==null)
{
alert("邮箱格式不正确");
return false;
}
else
{
return true;
}
}
</script>
</body>
</html>
正则表达式 补充内容 （match text 和 exco 区别）；
--------------------------------------------------------------------------------------------------------------------------------------------
1. 创建正则表达式字面量，加上^和$，与不加是有区别的（对于test方法，存在比正则多的字符的时候，依然返回比较成功true，这与我们仅仅想比较内容符合预期的要求是相背离的。比如：var regx = /\d{1,2}\/\d{1,2}\/\d{4}/gi; regx.test('08/08/2014 5'); 会返回true，因为字符串中包含符合要求的串。match也可以获得匹配的内容，而regx.exec('08/08/2014 2'就会返回null，尽管字符串中有符合要求的内容)）
2. macth的调用对象是字符串，exec和test的调用对象是regx
3. 如果你仅仅想在字符串中搜索，那么请不要加开始和结束限定符
4. regx的exec方法会每次返回1个匹配，如果不为空就进行下一次查找，因此可以使用while循环来写
5. macth返回1个匹配的数组，test返回字符串中是否包含指定的模式，exec返回字符串中该模式，并将下一次开始查找的位置保存在lastIndex属性中。
<head runat="server">
<title></title>
<script type="text/javascript">
window.onload = function () {
var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
var regexp = /[A-E]/gi;
var rs = str.match(regexp);
console.log(rs);
regexp = /[A-E]/gi;
rs = regexp.test(str);
console.log(rs);
regexp = /[A-E]/gi;
while ((rs = regexp.exec(str)) != null)
{
document.write(rs);
document.write(regexp.lastIndex);
document.write("<br />");
}
};
</script>
</head>
正则表达式 使用 正则表达式 去匹配 字符串中得 内容 match 方法 匹配到几个 输出几个 其他的 见下面
例题：
-------------------------------------------------------------------------------------------------------------------------------------------
基础：
if(yhm=="")//或者 yhm==null
1.非空验证 2.相等验证 3.范围验证 4.正则验证 正则表达式 定界符：// 匹配开头：^ 匹配结尾：$ \反斜杠：代表转义 \n \r 换行 \t制表符 \"输出双引号 \'输出单引号 *代表前面的表达式可以出现任意次 +代表前面的表达式可以出现至少一次 ？代表前面的表达式出现0次或1次 {n}代表前面的表达式出现n次 {n,}代表前面的表达式至少出现n次 {n,m}代表前面的表达式至少出现n次，最多出现m次 x|y要么匹配x要么匹配y [xyz]匹配[]所包含的任意一个字符 [0-9]匹配0到9之间的任意字符 \d匹配一个数字字符 \D匹配一个非数字字符 \w匹配包括下划线的任意单词字符 \W匹配任何非单词字符
常用的正则表达式
常用正则表达式： 匹配国内电话号码：d{3}-d{8}|d{4}-d{7} 评注：匹配形式如 0511-4405222 或 021-87888822 匹配腾讯QQ号：[1-9][0-9]{4,} 评注：腾讯QQ号从10000开始 匹配中国邮政编码：[1-9]d{5}(?!d) 评注：中国邮政编码为6位数字 匹配身份证：d{15}|d{18} 评注：中国的身份证为15位或18位 匹配ip地址：d+.d+.d+.d+ 评注：提取ip地址时有用 匹配特定数字： ^[1-9]d*$ //匹配正整数 ^-[1-9]d*$ //匹配负整数 ^-?[1-9]d*$ //匹配整数 ^[1-9]d*|0$ //匹配非负整数（正整数 + 0） ^-[1-9]d*|0$ //匹配非正整数（负整数 + 0） ^[1-9]d*.d*|0.d*[1-9]d*$ //匹配正浮点数 ^-([1-9]d*.d*|0.d*[1-9]d*)$ //匹配负浮点数 ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$ //匹配浮点数 ^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$ //匹配非负浮点数（正浮点数 + 0） ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$ //匹配非正浮点数（负浮点数 + 0） 评注：处理大量数据时有用，具体应用时注意修正 匹配特定字符串： ^[A-Za-z]+$ //匹配由26个英文字母组成的字符串 ^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串 ^[a-z]+$ //匹配由26个英文字母的小写组成的字符串 ^[A-Za-z0-9]+$ //匹配由数字和26个英文字母组成的字符串 ^w+$ //匹配由数字、26个英文字母或者下划线组成的字符串 在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下: 只能输入数字：“^[0-9]*$” 只能输入n位的数字：“^d{n}$” 只能输入至少n位数字：“^d{n,}$” 只能输入m-n位的数字：“^d{m,n}$” 只能输入零和非零开头的数字：“^(0|[1-9][0-9]*)$” 只能输入有两位小数的正实数：“^[0-9]+(.[0-9]{2})?$” 只能输入有1-3位小数的正实数：“^[0-9]+(.[0-9]{1,3})?$” 只能输入非零的正整数：“^+?[1-9][0-9]*$” 只能输入非零的负整数：“^-[1-9][0-9]*$” 只能输入长度为3的字符：“^.{3}$” 只能输入由26个英文字母组成的字符串：“^[A-Za-z]+$” 只能输入由26个大写英文字母组成的字符串：“^[A-Z]+$” 只能输入由26个小写英文字母组成的字符串：“^[a-z]+$” 只能输入由数字和26个英文字母组成的字符串：“^[A-Za-z0-9]+$” 只能输入由数字、26个英文字母或者下划线组成的字符串：“^w+$” 验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为：以字母开头，长度在6-18之间， 只能包含字符、数字和下划线。 验证是否含有^%&'',;=?$"等字符：“[^%&'',;=?$x22]+” 只能输入汉字：“^[u4e00-u9fa5],{0,}$” 验证Email地址：“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$” 验证InternetURL：“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$” 验证电话号码：“^((d{3,4})|d{3,4}-)?d{7,8}$” 正确格式为：“XXXX-XXXXXXX”，“XXXX-XXXXXXXX”，“XXX-XXXXXXX”， “XXX-XXXXXXXX”，“XXXXXXX”，“XXXXXXXX”。 验证身份证号（15位或18位数字）：“^d{15}|d{}18$” 验证一年的12个月：“^(0?[1-9]|1[0-2])$”正确格式为：“01”-“09”和“1”“12” 验证一个月的31天：“^((0?[1-9])|((1|2)[0-9])|30|31)$” 正确格式为：“01”“09”和“1”“31”。 匹配中文字符的正则表达式： [u4e00-u9fa5] 匹配双字节字符(包括汉字在内)：[^x00-xff] 匹配空行的正则表达式：n[s| ]*r 匹配HTML标记的正则表达式：/<(.*)>.*|<(.*) />/ 匹配首尾空格的正则表达式：(^s*)|(s*$) 匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
基础知识
1.表单验证<form></form> (1).非空验证（去空格） (2).对比验证（跟一个值对比） (3).范围验证（根据一个范围进行判断） (4).固定格式验证：电话号码，身份证号，邮箱，信用卡号等的验证；需要用到正则表达式来进行验证。 (5).其它验证 2.正则表达式 用符号来描述书写规则:/ 中间写正则表达式 / ^ ：匹配开头，$：匹配结尾 ； /^ve/以ve开头的 /ve$/以ve结尾 \d：一个任意的数字 \w：一个任意的数字或字母 \s：一个任意的字符串 {n}：把左边的表达式重复n遍 {m,n}：把左边的表达式重复至少m遍，至多n遍 {m, }：把左边的表达式重复至少m遍，,至多不限 +：左边的表达式，至少出现一次，至多不限，相当于{1，} *：左边的表达式，至少出现0次，至多不限，相当于{0，} ?：左边的表达式，至少出现0次，至多出现1次，相当于{0，1} [a,b,c]：只能取方括号中内容之一 [a-z]或[1-9]：在范围中取其一 |：代表或者； （）：优先级； \：转义--“\( \)”这个才是要出现的小括号，需要转义 3.事件 事件有三要素：事件源、事件数据、事件处理程序 事件冒泡：当元素嵌套的时候，内部元素激发某个事件后，默认情况下外部元素相应的事件也会跟着依次触发 可以加return false;是阻止默认操作 onclick: 鼠标单击触发 ondblclick: 双击触发 onmouseover: 鼠标移动上面触发 onmouseout: 鼠标离开时触发 onmousemove: 鼠标在上面移动时触发 onchange: 只要内容改变触发 onblur: 失去焦点时触发 onfocus: 获得焦点时触发 onkeydown: 按键按下的时候触发 onkeyup：按键抬起来的时候触发 onkeypress：事件在用户按下并放开任何字母数字键时发生。但是系统按钮（例如：箭头键、功能键）无法得到识别。