Java书城项目第一阶段:表单验证

本文分享了Java书城项目第一阶段的实现,主要运用JQuery技术进行动态注册表单的验证,包括用户名、密码、确认密码和邮箱的正则验证。在没有使用框架的情况下,采用<script>标签引入JQuery库,目标是确保注册信息符合规范。
摘要由CSDN通过智能技术生成
  • 1 需求

    • 1.1 总体需求
  • 1.2 具体需求

  • 2 工程目录与约定

  • 3 代码实现

  • 4 第一阶段技术栈参考资料

[](()1 需求

=======================================================================

[](()1.1 总体需求


运用JQuery技术来实现动态注册 ,同时实现表单的验证以及上传,即验证注册信息是否满足要求。

[](()1.2 具体需求


  • 验证用户名:必须由字母,数字下划线组成,并且长度为5 到12 位

  • 验证密码:必须由字母,数字下划线组成,并且长度为5 到12 位

  • 验证确认密码:和密码相同

  • 邮箱验证:xxxxx@xxx.com

  • 验证码验证:因为还没讲到服务器的验证码生成,所以,现阶段将验证码固定为“1234”

[](()2 工程目录与约定

============================================================================

图1.1

图1.1 regist.html文件位置

我们需要利用JQuery技术来实现表单的验证,那么该HTML文件中会有一些链接,这里先做一个约定:即在没有使用框架之前,我们使用base+相对路径,在使用框架后,使用的是绝对路径。其中,运用JQuery技术来实现动态注册,其中#username的目的就是#id选择器;利用正则表达式来实现表单数据的验证(验证其是否满足格式);

[](()3 代码实现

=========================================================================

尚硅谷会员注册页面
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值