44.1-6表单数据验证-年龄与个人介绍验证.pptVIP

任务4：表单数据提交

2单元4.1：表单界面设计及表单数据验证知识点1：表单界面布局表格设计知识点2：表单元素设计知识点3：用户名验证知识点4：脚本文件的引用与验证函数的调用知识点5：密码与确认密码验证知识点6：年龄与个人介绍验证知识点7：使用H5表单元素新属性完成验证

3教学目标完成表单界面中年龄文本框数据的合法性验证完成表单界面中个人介绍的合法性验证

4表单数据验证要求对4-1.html页面文件中的数据需要进行的验证如下：（1）要求姓名必须在6到20个字母之间（此处只进行字符个数判断，不需判断输入的字符是否是英文字母）；（2）要求年龄不能为空，并且数据要在0~100之间；（3）个人密码需要在6~10个字符之间；（4）两次输入的密码必须相同；（5）个人介绍文本区域不能为空。

5完成年龄的合法性验证操作步骤：获取年龄信息，使用变量age保存判断age若是为空，或者低于0或者超出100，则使用alert()设置弹出消息，并返回false，表示函数执行到此结束代码如图所示（修改4-1.js文件）

6完成个人介绍的合法性验证操作步骤：获取个人介绍信息，使用变量jieshao保存判断jieshao如果为空，则使用alert()设置弹出消息，并返回false，表示函数执行到此结束代码如图所示（修改4-1.js文件）此处还可以使用jieshao中字符个数是否为0作为判断条件varlen=j