JavaScript 追加文本错误提示

最新推荐文章于 2019-09-18 16:59:22 发布

Flying.Zh

最新推荐文章于 2019-09-18 16:59:22 发布

阅读量221

点赞数

分类专栏： HTML+CSS+JavaScript HTML+CSS+JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_39232706/article/details/88736536

版权

HTML+CSS+JavaScript 同时被 2 个专栏收录

10 篇文章

订阅专栏

HTML+CSS+JavaScript

10 篇文章

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
           <script>
               function showTips(id,info){
                   document.getElementById(id+"span").innerHTML="<font color='gray'>"+info+"</font>";
}
function check(id,info){
                   //1.获取用户输入的用户名数据
                   var uValue = document.getElementById(id).value;
                   //2.进行校验
                   if(uValue==""){
                   document.getElementById(id+"span").innerHTML="<font color='red'>"+info+"</font>";
                   }else{
                   document.getElementById(id+"span").innerHTML="";
                   }
               }
           </script>
   </head>
   <body>
       用户名：<input type="text" name="user" size="34px" id="user"
       οnfοcus="showTips('user','用户名必填！')" οnblur="check('user',' 用户名不能为空！ ')"/>
       <span id="userspan"></span>
   </body>
</html>