聚焦与离焦事件

最新推荐文章于 2023-03-24 15:08:58 发布

海边拾贝seebit

最新推荐文章于 2023-03-24 15:08:58 发布

阅读量3.5k

点赞数 1

分类专栏： Web前端

本文链接：https://blog.csdn.net/Ada_yangyang/article/details/81252318

版权

Web前端专栏收录该内容

54 篇文章 1 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title>onfocus</title>
    <script type="text/javascript">
        function myfocus(txt){
            txt.value="";
        }

        function myblur(txt){
            var txtVal = txt.value;
            var regexp = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
            var msg = document.getElementById("Msg");
            if(regexp.test(txtVal)){
                //alert('成功');
                msg.innerHTML="<font color='green'>成功</font>";
            }else{
                //alert('失败');
                msg.innerHTML="<font color='red'>失败</font>";
            }
        }
    </script>
</head>
<body>
<input type="text" name="email" value="请输入您的邮箱号" onfocus="myfocus(this)" onblur="myblur(this)"/>
<!-- 通过样式属性display:inline代表在一行中显示 -->
<div id="Msg" style="display:inline"></div>
</body>
</html>

海边拾贝seebit

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
聚焦与离焦事件

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8&q
复制链接

扫一扫