JS開發(fā)步驟學(xué)習(xí)筆記

確定事件
事件要觸發(fā)函數(shù): 定義函數(shù)
函數(shù)通常都要去做一些交互: 點(diǎn)擊, 修改圖片, 動(dòng)態(tài)修改innerHTML屬性可以編寫代碼... innerTEXT() 不能編寫代碼

表單校驗(yàn)中常用的事件:

成都創(chuàng)新互聯(lián)公司作為成都網(wǎng)站建設(shè)公司，專注網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)，有關(guān)成都定制網(wǎng)頁(yè)設(shè)計(jì)方案、改版、費(fèi)用等問題，行業(yè)涉及橡塑保溫等多個(gè)領(lǐng)域，已為上千家企業(yè)服務(wù)，得到了客戶的尊重與認(rèn)可。

獲得焦點(diǎn)事件: onfocus

失去焦點(diǎn)事件  onblur

按鍵抬起事件:  onkeyup

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <!--
            確認(rèn)事件
            事件觸發(fā)函數(shù)
            函數(shù)操作元素

            校驗(yàn)用戶名
                1. 當(dāng)用戶鼠標(biāo)移動(dòng)到輸入框中時(shí)候, 請(qǐng)給用戶一個(gè)提示
                    事件: 焦點(diǎn)事件 onfocus
                    觸發(fā)函數(shù)
                    函數(shù)里面要做一些事情
                        span 給用戶提示信息

                2. 當(dāng)用戶鼠標(biāo)移開時(shí)候, 校驗(yàn)一下用戶輸入
                    事件: 失去焦點(diǎn)  onblur
                    觸發(fā)函數(shù)
                    函數(shù)要干事情:
                        校驗(yàn)用戶輸入
                        得到用戶輸入的值

                3. 當(dāng)用戶按鍵輸入抬起的時(shí)候, 校驗(yàn)一下用戶輸入
        -->
        <script>

            function showTips(spanID,msg){
                var span = document.getElementById(spanID);
                span.innerHTML = msg;
            }

            function checkUsername(){

                /*
                 alert(this)  每一個(gè)函數(shù)中都隱藏著一個(gè)this指針, 指向的是當(dāng)前事件觸發(fā)對(duì)象 
                */
                var uValue = document.getElementById("username").value;
//              alert(uValue);
                var span = document.getElementById("span_username");
                if(uValue.length < 6){
                    span.innerHTML = "對(duì)不起,太短啦!"
                    return false;
                }else{
                    span.innerHTML = "恭喜您,夠用!"
                    return true;
                }
            }

            function checkForm(){
                var flag = checkUsername();
                return flag;
            }

        </script>
    </head>
    <body>
        <form action="../01-自動(dòng)輪播圖片/圖片自動(dòng)輪播.html" onsubmit="return checkForm()">
            用戶名:<input type="text" id="username" onblur="checkUsername()"  onfocus="showTips('span_username','用戶名長(zhǎng)度不能小于6位')" /><span id="span_username"></span> <br />
            <input type="submit" value="注冊(cè)" />
        </form>

    </body>
</html>

分享名稱：JS開發(fā)步驟學(xué)習(xí)筆記
網(wǎng)頁(yè)網(wǎng)址：http://www.chinadenli.net/article26/jdghjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、網(wǎng)站導(dǎo)航、電子商務(wù)、標(biāo)簽優(yōu)化、網(wǎng)站設(shè)計(jì)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

JS開發(fā)步驟學(xué)習(xí)筆記