嘿牛软件工程师_成都传智博客_javascript的注册表单验证、提交有关问题
日期：2014-05-16 浏览次数：20346 次
---------------------- android培训、java培训、期待与您交流！ ----------------------
本节讨论javascript的注册表单问题
注册表单用的比较多。应用时，主要涉及到信息的输入，关键是信息的验证。下面主要以一个学员注册的注册表单为例，主要涉及到字段的编写、信息的验证。
信息的验证主要是引用javascript的程序。为了实现程序的效率，方便以后修改，我们将javascript代码全部放在一个validation1.js文件里。访问它时，我们用了相对地址的引用。即src = "validation1.js"或在当前目录下的某个文件src = "js/validation1.js"。
信息提交时，本程序实现了：如果有一个必填信息没有填正确，就不能提交。而原填写的正确信息仍然保留，直到全部填写正确为止。用到的方法为：window.event.returnValue = false，阻止浏览器提交表单数据（因为一旦提交，原来的数据全部为空）。
//具体实现如下
//html实现：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<!-- -->
<title>学员注册</title>
<script type = "text/javascript" src = "validation1.js"></script><!--src = "js/validation1.js"> -->
</head>
<body>
<form name="注册表单（*为必填信息）">
<table border=3>
<!-- 合并行：rowspan； 合并列：colspan
对齐 align -->
<tr bgcolor="#C0FFFF">
<td colspan=2><label id="lbl" >注册表单（*为必填信息）</label></td>
</tr>
<tr >
<td align=right style="width:150px"><label id="lblName" >登录名</label></td>
<td><input type=text value="" style="width:200px" id="name" />（用户名必须是字母数字或下划线，不能以数字开头）*</input></td>
</tr>
<tr>
<td align=right style="width:150px"><label id="Label1" >密码</label></td>
<td><input type=password value="" style="width:150px" id="pwd1"/>（密码必须是6~16位字母数字下划线）*</input></td>
</tr>
<tr>
<td align=right style="width:150px"><label id="Label2">确认密码</label></td>
<td><input type=password value="" style="width:150px" id="pwd2"/>*</input></td>
</tr>
<tr >
<td align=right style="width:150px"><label id="Label3" >邮件地址</label></td>
<td><input type=text value="" style="width:300px" id="Text1" /></input></td>
</tr>
<tr >
<td align=right style="width:150px"><label id="Label4" >确认邮件地址</label></td>
<td><input type=text value="" style="width:300px" id="Text2" /></input></td>
</tr>
<tr&
