java判断两次输入密码,AJAX判断用户是否存在,并且判断两次密码输入是否一致

1:AJAX判断用户是否已经存在

先看写在javascript里的方法

364e4b8713891097712ba4f3dc758209.png

再看jsp页面上的信息

9eb4c285fecf4b462ade6ff324534879.png

注意代码中用户名的 οnblur=”check()” 方法,此处失去焦点时调用js里的方法,此处ajax的作用只是体现在用户名上,密码匹配问题后面再叙述。

利用AJAX还需要写一个Action来检验值,以便判断具体输出什么提示:

8330ab1b2969bec4b84393a414594c57.png

此处的PetDAO 是个数据库连接的类,里面有各种需要跟数据库做连接的方法,checkUser(username)就是PetDAO里面的一个根据用户名查询数据库表,如果已经存在返回boolean型的true,否则返回false;具体不再贴代码了。

其实AJAX在本列子中要实现的功能代码已经全部贴出来了。

下面是一张效果图,数据库里已经有的用户user1的情况下,当用户名的输入框失去焦点时会提示:用户名已存在。当输入的用户名为新时,提示会自动消失

6f943fde6a5ff0bf9d5f45ba4148d3eb.png

b5adf3f35c44f624128af7d106f0cf5f.png

2:判断两次密码输入是否一致

接下来说说判断两个密码是否匹配,做出提示,并且根据是否匹配来设置注册按钮是否可用。

下面在js里的方法,用来判断并提示;

69755c16b351facbda09a8e9806e8a39.png

下面是jsp里页面上组建的代码,上面已经有图了:

9f70cf4c3e7ca1006049401daeb83281.png

当输入确认密码时有个 onkeyup事件,onkeyup 事件会在键盘按键被松开时发生的,也就是说只要在确认密码的框里输入一个字符开始它就调用validate方法与上面的密码进行匹配,在于上面密码相同之前一直会提示:两次密码不相同;注意:下面的注册按钮此时是灰色的,因为被禁用了.

12258fc81d7a4375de43383b42fd643e.png

等到密码相同时:提示相同,再看注册按钮,已经可用

3fb4f86dbc160b793881a257dd12c52b.png

最后是注册的Action

65b9be7eb3d772aa511a28df217dbb8c.png利用form表单提交数据,regist(username,password)也是PetDAO里验证是否注册成功的方法;

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值