html中正则使用案例
//首先创建一个input框 id为id
手机号: <input type="text" name="tel" id="id"><br>
//创建一个button 设置为点击时间创建一个方法
<input type="button" onclick="fun()" value="验证"><br>
//引用jq文件 因为下面引用sq方法
<script src="{{asset('js')}}/jquery.min.js"></script>
<script>
//这里创建了点击事件
function fun() {
//获取到id为id 的val值
var tel = $('#id').val();
//alert(tel);
//这里设置正则表达式 //这在下划线之间 ^是指从头开始 $到哪里结束
1代表第一位必须是1 [345]第二位必须是345 [0-9]{9} 值得是后九位必须是0-9之间的数字
var res =/^1[345][0-9]{9}$/;
//res是正则表达式 .test() 验证正则 括号填写需要验证的值
if(res.test(tel)){
alert(1);
}else{
alert(2);
}
}
</script>