DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS初學者實例教程(7):注冊表單驗證
JS初學者實例教程(7):注冊表單驗證
編輯:關於JavaScript     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved