151-3895-5886

JS初学者实例教程(7):注册表单验证

2019年09月19日 维尼网络

本实例主要介绍了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">电子email:
      <input name="邮箱" type="text" id="邮箱" 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 全部选择 提示:你可先修改部分代码,再按运行]

阅读更多内容
上一篇JS初学者实例教程(6):Document对象读取表单元素
下一篇Javascript初学者实例教程(4):对象和构造办法

声明:本页内容由郑州维尼网络收集编辑所得,所有资料仅供用户参考,转载请保留此链接http://www.zzwn.cn/cms/3638.html

本文标签: 教程 实例 初学者 注册 表单 验证

 

相关资讯 Related Info
相关分类 News Classification
解决方案 Solutions
相关热点 Hot spot
接触 solaris : 整和 apache 和 tomcat 接触 solaris : 整和 apache 和 tomcat
  1. 我们的承诺
  2. 我们的实力
  3. 我们的未来
郑州做网站咨询电话 建站咨询

151-3895-5886

网站备案安全放心网站

地址:郑州市上街区和昌都汇广场 / 电话:151-3895-5886
客服QQ: 7758021 / 邮箱:admin@zzwn.cn
Copyright © 2010-2019 郑州融科网络 版权所有