基于ajax 验证表单是否被占用----------------附:10.25日总结

时间:2023-01-06 17:04:02

总得来说,今天的主要工作是注册页面的处理,

1、判断 用户名与密码是否为空值 ,两次密码框输入的值是否相同。判断邮箱过程中,有使用到正则表达式

2、用户名是否使用过,有用到了json与ajax的知识。判断的过程,使用到了连接数据库,在项目中添加数据,导入数据库。在项目中输入一个用户名,判断在数据库中是否存在。

3、其他的问题,就是一些细节性的问题了。比如文件夹与文件夹之间的传值。

  function doCheckUserName() {
var username=$("#username").val();
$.ajax({
url:"<%=path%>/any/doCheckUserName.jsp?username="+ username,
success:function (data) {
alert(data);
}
}); }

  

var username=$("#username").val();这条语句可以从 用户名的输入框中获取输入的值,将值获取以后,供别的页面使用,与下面的语句使用。
 success:function (data) { alert(data); }  这条语句有用到json的知识,这条语句可以从数据库中判断输入的用户名是否存在数据库中,

其底层代码为
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/acesys", "sunyubin", "123456");
Statement st = con.createStatement();
String sql="SELECT id,username FROM usr WHERE username="+"'"+request.getParameter("username")+"'"; ResultSet rs=st.executeQuery(sql);
String usernameExists ="用户名正确";
if (rs.next()){
usernameExists="用户名已存在";
}
//关闭连接
st.close();
con.close();
%>
<%=usernameExists%>

  如果数据库中存在,则会出现“”用户名已存在“”的提示,如果输入的用户名 在数据库中没有存在,则提示用户名正确。


这条语句离不开用户名输入框的 onblur是建立在函数上的,这个函数有个特效,点击进入输入框 框的周围有光晕存在,  离开输入框 会出现函数定义的提示。
<input class="form-control" type="text" name="username" id="username"
onblur="doCheckUserName()">

  提示的效果图,如下所示。将鼠标放进去

基于ajax 验证表单是否被占用----------------附:10.25日总结

移出鼠标

基于ajax 验证表单是否被占用----------------附:10.25日总结