練習:使用者登入界面
代碼:
<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>
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHLzcmaNh3YU1kMNpHW4Z0MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnL0YzMyQTM1YTM2ATMxgTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
練習:星期擷取系統
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>