总得来说,今天的主要工作是注册页面的处理,
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()">
提示的效果图,如下所示。将鼠标放进去
移出鼠标