JS表单的有效性验证(表单提交/年月日级联/省市级联)

可能需要的人(面向对象)

• 写这篇博客原因

本人是计科专业，这篇文章涉及到的web前端的基础知识对我们学校的我这个专业的人来说是不重要的(考查课)，但多掌握一些知识是有必要的。JS表单的有效性验证是老师留给我们的期末的作业之一，为了完成它，折腾了两三天，也搜索、整理了资料，其中一些功能的资料对我们这个阶段的学生来讲是有必要的。所以在此提供给大家

• 重点功能

  1. 年龄的下拉框选择
  2. 个人简介中实时显示输入字符个数
  3. 年月日三级联动
  4. 地区二级联动（省市级联）
  5. 表单的有效性验证几种方法

• JS文档目录结构

标题JS表单的有效性验证

此篇博客献给期末考试需求的学生以及遇到类似问题需要帮助的朋友
本篇涉及的所有源代码（百度网盘）：
链接: https://pan.baidu.com/s/14nFRIPbRjPpnhmn2VwEdEA 提取码: 9kep

• 网页JS效果
  

JS有效性验证中个别功能使用说明

• 年龄的下拉框选择

<tr>
	<td width="54" height="54" align="center">年龄:</td>
	<td height="30" align="left">
		<select id="ageSelectid" onblur="checkAge(ageSelectid,ageTS)">
				<option selected="selected">请选择</option>
				<script>
					for(var i = 10; i <= 110; i++) {
						document.write("<option id='ageid' value='"+i+"'>" + i + "</option>");
					}
				</script>
		</select>
	</td>
	<td bgcolor="#CCCCCC" align="center">
			&l