##小案例1:匹配电话号
<body>
请输入电话号:<input type="text"/>
<script>
//需求:当input失去插入条光标,判断input中的内容是否符合固定电话的标准
// 直辖市: 010-12345678 (3位-8位)
// 普通市: 0771-1234567 (4位-7位)
document.getElementsByTagName("input")[0].onblur = function () {
var reg = /(^0\d{2}-\d{8}$)|(^0\d{3}-\d{7}$)/;
if(reg.test(this.value)){
alert("恭喜您输入正确!");
}else{
alert("对不起,输入错误,请重试!");
}
}
</script>
</body>
##小案例2:匹配中文
<body>
姓名: <input type="text"/>
<script>
//需求:失去焦点的时候判断内容是否符合标准
//如何判断中文呢? Unicode编码:[\u4e00-\u9fa5]
//字的长度为2-4位
document.getElementsByTagName("input")[0].onblur = function () {
var reg = /^[\u4e00-\u9fa5]{2,4}$/;
if (reg.test(this.value)) {
alert("恭喜您!输入正确!");
} else {
alert("您输入的内容为非法字符!");
}
}
</script>
</body>
##小案例3:匹配数字加字母
<body>
卡号: <input type="text"/>
<script>
//需求:失去焦点的时候判断内容是否符合标准
//如何判断英文字母和数字呢呢?/^[a-zA-Z0-9]\w{14}$/
//字的长度为15位
document.getElementsByTagName("input")[0].onblur = function () {
var reg = /^[a-zA-Z0-9]\w{14}$/;
if (reg.test(this.value)) {
alert("恭喜您!输入正确!");
} else {
alert("您输入的内容为非法字符!");
}
}
</script>
</body>