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

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

Web程序设计-客户端表单验证相关推荐

通用客户端表单验证函数修正版
转载:PHPSOHO 通用客户端表单验证函数修正版主要内容: 一.用法简介: 二.类型定义: 三.程序文件: 历史: 2005.2.25 修改为通用客户端表单验证函数修正版 2004.12.21 ...
通用客户端表单验证函数修正版(zz)
通用客户端表单验证函数修正版主要内容: 一.用法简介: 二.类型定义: 三.程序文件: 历史: 2005.2.25 修改为通用客户端表单验证函数修正版 2004.12.21 1.对整数的范 ...
客户端表单验证_客户端的表单验证
客户端表单验证在客户端进行表单验证是必不可少的-它可以节省时间和带宽,并为您提供更多选择,以指出用户填写表单时出错的地方. 话虽如此,我并不是说您不需要服务器端验证. 访问您网站的用户可能使用旧的浏 ...
web前端之表单验证（一）
表单验证之错误信息右方提示说明图1:简单效果图, 图2.3:当所有文本框都为空或者输入不符合要求时,会在右方提示错误. 效果图 html代码 <body><h2>注册用户: ...
Validator.js 很好用的客户端表单验证
1: /************************************************* 2: Validator v1.05 3: code by 我佛山人 4: wfsr@msn ...
php提交注册表单,php用户注册表单验证
表单的验证 js 以及事件的注册初始化 openldap 的初始化状态 ,处理 Oracle SQL in 超过 1000 的解决方案从...= null) rsp.Close(); } } } ...
jQuery学习之：Validation表单验证插件
http://polaris.blog.51cto.com/1146394/258781/ 最近由于公司决定使用AJAX + Struts2来重构项目,让我仔细研究一下这两个,然后集中给同事讲讲,让每 ...
【转】ASP.NET 表单验证实现浅析
对于Web应用的表单身份验证,因为公司有一个类库,采用 Session 实现,所以一直都没有去仔细了解.其实我并不赞成在 .NET 中用 Session 实现身份验证,毕竟 .NET 提供了一个强大的 ...
jQuery Validate 表单验证插件----Validate简介，官方文档，官方下载地址
一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆 ...
jQuery Validate 表单验证插件
一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑 ...

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

Web程序设计-客户端表单验证相关推荐

最新文章

热门文章