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

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

 

先看写在javascript里的方法

 

 

再看jsp页面上的信息

 

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

 

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

 

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

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

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

 

 

 

 

 

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

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

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

 

 

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

 

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

 

 

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

 

 

最后是注册的Action

 

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