国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

JS初學者實例教程(7):注冊表單驗證

2024-09-06 12:40:51
字體:
來源:轉載
供稿:網友

上一篇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 全部選擇 提示:你可先修改部分代碼,再按運行]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 郧西县| 吉木乃县| 武义县| 融水| 麻城市| 涟水县| 凤台县| 松潘县| 舒兰市| 福清市| 涟源市| 沙湾县| 加查县| 铁岭县| 德格县| 沁阳市| 青冈县| 潼关县| 东明县| 莱芜市| 兴海县| 平和县| 余庆县| 壤塘县| 宁陕县| 张家口市| 三明市| 绥中县| 彭阳县| 孟连| 临潭县| 论坛| 富宁县| 基隆市| 营口市| 云阳县| 台江县| 新龙县| 德庆县| 沾益县| 息烽县|