本文展示了如何使用JavaScript编写HTML注册表单的验证，包括用户名、密码、确认密码、性别、城市、兴趣爱好和个人简介的验证规则。通过JavaScript在数据发送到服务器前对表单数据进行验证，确保所有必填项正确无误。示例代码详细解释了各个验证函数，如validate_required、validate_user等，并应用了二级联动菜单。
——编写HTML注册表单, 需要字段: 用户名, 密码, 确认密码, 性别(单选), 城市(下拉列表), 兴趣爱好(多选), 个人简介(文本域)。
然后使用JavaScript验证这个HTML表单，要求：
1、 用户名: 必须是字母数字或下划线, 不能以数字开头.
2、密码: 6-16位字母数字下划线.
3、确认密码: 和密码一致.
4、其他项为必填.
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
被 JavaScript 验证的这些典型的表单数据有：
- 用户是否已填写表单中的必填项目？
- 用户输入的邮件地址是否合法？
- 用户是否已输入合法的日期？
- 用户是否在数据域 (numeric field) 中输入了文本？
这个注册页面，按照老师讲课时候的要求，尽量html只是封装数据，css提供样式，javascript的逻辑语言操作页面时间。每一个函数我都写上了注释，方便以后回顾。这里还用的到了二级联动菜单，是老师上课讲过的内容。其实，做这个页面的时候，很费劲的，俗话说书到用时方知少，就是这个意思了。以后，要多练习了。
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>注册页面</title>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>注册页面</title>
<style type="text/css">
/*使用css属性设置页面的样式，html标签尽量只用于封装数据*/
fieldset{background-position:center;margin:auto;}
form{ background: #FFCCFF center no-repeat ; border-bottom-width:medium;
text-align:center; width:800px; height:500px; margin-left:300px; margin-right:300px;
}
table{text-align:center; cellSpacing:0px; line-height:16px; margin:16px 16px; position: inherit;}
tr td{ width:350px; border: inset;}
select{ width:100px; text-align:center;}
textarea{ width:700px; height:100px; }
</style>
<script type="text/javascript">
/*主要用来封装程序设计语言。负责页面的行为*/
最低0.47元/天 解锁文章
1022
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
