天天看點

JavaScript學習(練習)

練習:使用者登入界面

代碼:

<script type="text/javascript">

            function check(){

                var name=form1.user.value; //擷取使用者添加的使用者名資訊

                var pwd=form1.pwd.value;    //擷取使用者添加的密碼資訊

                if((name=="")||(name=null)){  //判斷使用者名是否為空

                    alert("請輸入使用者名!");

                    form1.user.focus();       //使用者名文本框擷取焦點

                    return;

                }else if((pwd=="")||(pwd=null)){//判斷密碼是否為空

                    alert("請輸入密碼!");

                    form1.pwd.focus();         //密碼文本框擷取焦點

                }else{

                    form1.submit();          //送出表單

                }

            }

   </script>

<body>

        <form name="form1" method="post" action="">

            <table border="1" cellspacing="0" cellpadding="0" 

                bordercolor="#FFFFFF" bordercolordark="#CCCCCC" bordercolorlight="#FFFFFF">

                <tr>

                    <td height="30" colspan="2" bgcolor="antiquewhite">使用者登入</td>

                </tr>

                    <td width="59" height="30">使用者名:</td>

                    <td width="162"><input name="user" type="text" class="user"></td>

                    <td height="30">密 碼</td>

                    <td><input name="pwd" type="text" class="pwd"></td>

                    <td height="30" colspan="2" align="center">

                        <input name="button" type="button" class="btn_grey" value="登入" onclick="check()">

                        <input name="Submit2" type="reset" class="btn_grey" value="重置">

                    </td>

            </table>

        </form>

    </body>

JavaScript學習(練習)
JavaScript學習(練習)
JavaScript學習(練習)

練習:星期擷取系統

            var now=new Date();

            var day=now.getDay();

            var week;

            switch(day){

                case 1: week="星期一"; break;

                case 2: week="星期二"; break;

                case 3: week="星期三"; break;

                case 4: week="星期四"; break;

                case 5: week="星期五"; break;

                case 6: week="星期六"; break;

                case 7: week="星期七"; break;

            }            

            document.write("今天是"+week);          

        </script>

JavaScript學習(練習)

繼續閱讀