这只是一个页面,完成不了注册的功能。没有数据库,而且提交表单的时候没有链接的页。仅供参考。想演示的可以将下面的代码复制到记事本当中,随便起个名保存,然后将记事本保存的.txt改成.html即可。(如保存的文件叫zhuce.txt改为zhuce.html)

  1. <html>
  2. <head>
  3. <script language=”javascript”>
  4.   function on_submit()
  5.   {
  6.    if (form1.username.value == “”)
  7.                 {
  8.      alert(“用户名不能为空,请从新出入!”);
  9.      form1.username.focus();
  10.      return false;
  11.      }
  12.   if (form1.userpassword.value == “”)
  13.                 {
  14.      alert(“用密码不能为空,请从新出入!”);
  15.      form1.userpassword.focus();
  16.      return false;
  17.      }
  18.   if (form1.reuserpassword.value == “”)
  19.                 {
  20.      alert(“用户确认密码不能为空,请从新出入!”);
  21.      form1.reuserpassword.focus();
  22.      return false;
  23.      }
  24.   if (form1.reuserpassword.value != form1.userpassword.value)
  25.                 {
  26.      alert(“两次输入密码不一致,请从新出入!”);
  27.      form1.userpassword.focus();
  28.      return false;
  29.      }
  30.    }
  31.   </script>
  32. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
  33. <title>js练习</title>
  34. </head>
  35. <body>
  36. <form method=”post”  name=”form1″ onsubmit=”return on_submit()” action=”xx.xx”>
  37. 新用户注册:
  38. 用户名(*):<input type=”text” name=”username” size=”20″ />
  39. 密码(*): <input type=”password” name=”userpassword” size=”20″ />
  40. 再次输入密码(*):<input type=”password” name=”reuserpassword” size=”20″ />
  41. 性 别:<input type=”radio” value=”男” checked name=”sex” />男<input type=”radio” checked name=”sex” value=”女”/>女
  42. 出生日期: <input name=”year” size=”4″ maxlength=”4″ />年
  43.          <select name=”month”>
  44.             <option value=”1″ selected>1</option>
  45.             <option value=”2″ >2</option>
  46.             <option value=”3″ >3</option>
  47.             <option value=”4″ >4</option>
  48.             <option value=”5″ >5</option>
  49.             <option value=”6″ >6</option>
  50.             <option value=”7″ >7</option>
  51.             <option value=”8″ >8</option>
  52.             <option value=”9″ >9</option>
  53.             <option value=”10″ >10</option>
  54.             <option value=”11″ >11</option>
  55.             <option value=”12″ >12</option>
  56.             </select>月
  57.             <input name=”day” size=”3″ maxlength=”4″ />日
  58. 家庭住址: <input type=”text” name=”address” size=”20″ />
  59. <input type=”submit” value=”提交” name=”B1″ /><input type=”reset” value=”重填” name=”B2″ />
  60.             </form>
  61. </body>
  62. </html>

【营销创意】对不起百事可乐,我现在就把你加到我们广告里

文/金一雷 主打烤牛肉三明治的美国第二大快餐连锁店 Arby’s 最近制作了一支广告,专门向百事公司道歉。 事情是这样的:百事曾与 Arby’s 签订法律协议,后者...

阅读全文

【摄影欣赏】同样的旧金山,不同的美景摄影

旧金山(San Francisco),美国加利福尼亚州太平洋沿岸港口城市,作为美国西部最大的金融中心和重要的高新技术研发和制造基地,同时也是美洲华人最为密集的聚...

阅读全文

【UI设计】图标设计初阶要先型

UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位。每位设计师所处的阶段所关注的要点是不一样...

阅读全文