频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
html使用正则验证
2018-11-09 11:33:21           
收藏   我要投稿

html使用正则验证

 
//首先创建一个input框  id为id
手机号: 


//创建一个button  设置为点击时间创建一个方法
 


//引用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>
点击复制链接 与好友分享!回本站首页
相关TAG标签 html 正则 验证
上一篇:datatables的基本用法
下一篇:H5测试解析
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站