Web程序设计-客户端表单验证

实验目的 1、掌握Form表单及其控件的使用； 2、掌握表单控件事件程序的激发和编写; 3、能够设计出有使用价值的客户端执行的动态网页。

实验内容 1、使用HTML编写一个网上购物系统的用户注册页面，该注册页面中需要至少包含用户名，密码、真实姓名，年龄等项目，并使用js编写函数完成对表单信息的客户端验证。(要求用户名、密码、真实姓名项不有为空，密码长度为8位，年龄在0-120之间) 以上内容在编辑完成后需布署到tomcat服务器中，测试页面运行效果。

三、实验思考题 表单验证的两种方法分别是什么？ 答： （1）含submit按钮的表单开始标记中onsubmit属性对应函数； （2）表单中普通按钮的onclick属性对应函数；表单名.submit()

 

四、实验代码及实验结果截图 1、实验代码： （1）html部分   图1 （2）JavaScript部分： 图2 实验结果截图： 图3   图4

动动大家的小手，一键三连一下，这对我有很大的帮助～，如果有不正确的地方，还请大家指正！