上一篇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"><