简单前端知识——JavaScript06

JavaScript函数可以有参数的 

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <title></title>
        <script>
            function showTips(span_ID,msg){
                var span = document.getElementById("span_ID");
                span.innerHTML = msg;
            }

            function checkUsername(){
                var uValue = document.getElementById("username").value;
                var span = document.getElementById("span_username");
            if(uValue.length < 6){
                span.innerHTML = "<font color='red' size='2'>对不起,太短</font>";    
            }else{
                span.innerHTML = "<font color='red' size='2'>恭喜你,可用</font>";
            }
            
        </script>
    </head>
    <body>
        <form action = "../首页.html">
            用户名:<input type="text" id="username" onfocus="showTips('span_username','用户名长度不能小于6')" onblur="checkUsername()"/><span id="span_username"></span><br />
            密码:<input type = "password" id = "password" onfocus="showTips('span_password',密码长度不能小于6)"/><span id="span_password"></span><br /><br />
        <form>
       
    </body>
</html>

引入外部js文件 

<script src = "js文件的路径" type="text/javascript" /></script>

加载src标签就不会再加载标签里面的内容了。 


键抬起事件(onkeyup) 

猜你喜欢

转载自blog.csdn.net/weixin_39337047/article/details/88850142