输入格式邮箱验证格式

每日一贴,今天的内容关键字为输入格式

    <head>

    <title></title>

       <style type="text/css">

    .txtbackcolor

    {

        background-color:#eee;

        }

    </style>

    <script src="jquery-1.9.1.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            var state = false;

            $('#txtEmail').focus(function () {

                if (state == false) {

                    $(this).val('');

                }

            })

            $('#txtEmail').blur(function () {

                if ($(this).val() == '') {

                    $('span').text('邮箱不能为空');  

                    $(this).focus();

    每日一道理
冰心说道:“爱在左,同情在右,走在生命的两旁,随时撒种,随时开花,将这一径长途,点缀得香花弥漫,使穿枝拂叶的行人,踏着荆棘,不觉得痛苦,有泪可落,却不是悲凉。”

                }

                else {

                    if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test($(this).val()) == false) {

                        $('span').text('邮箱格式不正确,请从新输入');

                        $(this).focus();

                    }

                    else {

                        $('span').text('');

                        $('span').append('<img src=images/onSuccess.gif/>');

                        state = true;

                    }

                }

            })

        })

    </script>

    </head>

    <body>

    <input id="txtEmail" type="text" value="输入邮箱" class="txtbackcolor" /><span></span>

    </body>

文章结束给大家分享下程序员的一些笑话语录: 这年头的互联网真是娱乐了中国,网民们从各种各样的“门”里钻来钻去,又有好多“哥”好多“帝”,值得大家品味不已……网络经典语录,关于IT与互联网,经典与您分享!

原文地址:https://www.cnblogs.com/xinyuyuanm/p/3038739.html