上一篇js教程學習了：js初學者實例教程(6):document對象讀取表單元素
實例七
本實例主要介紹了document對象讀取表單元素的使用，一個注冊驗證代碼
<html>
<head>
<title>用戶注冊</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312"><style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {color: #ffffff}
-->
</style>
<script type="text/javascript">
function form_submit()
{
if(regform.usernumber.value=="")
{
alert("用戶名不能為空!");
return false;
}
else if(regform.userpassword.value=="")
{
alert("密碼不能為空!");
return false;
}
else if(regform.userpassword.value!=regform.reuserpassword.value)
{
alert("兩次輸入的密碼不一致!");
return false;
}
return true;
//regform.submit(); //不采用表單提交
}
</script>
</head>
<body>
<form id="register" name="regform" method="post" action="">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#0099ff">
<tr>
<td align="center" valign="middle" bgcolor="#ffffff">用戶注冊</td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#ffffff">用戶賬號：
<input name="usernumber" type="text" id="usernumber" size="15"></td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#ffffff">用戶密碼：
<input name="userpassword" type="text" id="userpassword" size="15"></td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#ffffff">確認密碼：
<input name="reuserpassword" type="text" id="reuserpassword" size="15"></td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#ffffff">電子郵箱：
<input name="email" type="text" id="email" size="15"></td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#ffffff"><input type="button" name="submit" value="提交" onclick="form_submit()"></td>
</tr>
</table>
</form>
</body>
</html>
效果演示：
[ctrl+a 全部選擇 提示：你可先修改部分代碼，再按運行]
新聞熱點
疑難解答
