<lable for="">用户名</lable>
<input type="text" placeholder="请输入用户名">
<span></span>
<script>
正则
一位数字\d===[0-9]
一位数字字母下划线\w===[0-9A-Za-z_]
一位空格tab键 \s
量词：规定出现的数量（次数）
有明确数量限制
用{m,n}表示最多出现m次，最少出现n次
{m,}表示最小出现m次，最多不限
{m}表示必须出现m次
没有明确限制
?可有可无 最多一次
*可有可无 多了不限
+至少一次 最多一次
分组或选择
()表示分组
|表示或者
var wrt=prompt('请输入...');
//可以包含数字字母下划线 6-12位
var reg=/^\w{6-12}$/;
var result=reg.test(wrt);
console.log(result);
string中的正则API
1.search(/正则/);查找一个关键字所在的位置
找不到返回-1
找到的是关键字的位置，找不到内容
var str='you can you up';
var reg=str.search(/you/);
console.log(reg);
2.match(/正则/); 获得所有和正则匹配的关键词 输出在数组
g表示输出所有和正则匹配的关键词
i表示忽略大小写
var str='good gooD study,day day up';
var num=str.match(/d/ig);
console.log(num);
3.replace(/正则/,'替换值');
var str='no zuo No die';
var num=str.replace(/no/ig,'**');
console.log(num);
4.split(/正则/); 切割 切割完变成数组
var str='no,zuo,no,die';
var num=str.split(/,/);
console.log(num);
练习
获取输入框和span
var input=document.querySelector('input');
var span=document.querySelector('span');
input.onblur=function(){
var reg=/^[0-9A-Za-z_]{6,12}$/;
var result=reg.test(input.value);
if(result){
span.innerHTML='用户名格式正确';
}else{
span.innerHTML='用户名格式错误,请重新输入';
}
}
身份证号正则
var wrt=prompt('请输入您的身份证号');
var reg=/^\w{17}[0-9xX]$/;
var result=reg.test(wrt);
console.log(result);
手机号码正则
var wrt=prompt('请输入你的手机号');
var reg=/^(0086|86)?\s*1[356789]\d{9}$/;
var result=reg.test(wrt);
console.log(result);
</script>
