判断输入框的输入格式是否正确，并禁止其他输入框输入内容

最新推荐文章于 2023-02-13 16:25:12 发布

Alice9969

最新推荐文章于 2023-02-13 16:25:12 发布

阅读量2.5k

点赞数 2

分类专栏： jquery 文章标签：输入框正则表达式禁止其他输入框输入

本文链接：https://blog.csdn.net/Alice9969/article/details/78506476

版权

jquery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>try</title>
    <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
</head>

<body>
邮箱：<input type="text" data-type="email">
电话：<input type="text" data-type="tel">

<script>

    $(function () {

	//使用layer的小提示效果更佳。

        //邮箱
        $('input[data-type=email]').blur(function(){
            var value = $(this).val();
            var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
            var result = reg.test(value);
            if(!result){

		aler("邮箱格式有误");

                $(this).focus();
            }
        });

        //电话
        $('input[data-type=tel]').blur(function(){
            var value = $(this).val();
            var reg = /^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}/;
            var result = reg.test(value);
            if(!result){
               alert('电话号码格式有误');

                $(this).focus();
            }
        });



    })
</script>

</body>
</html>

Alice9969

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录