案例
需求分析
①确认需求
在用户输入完用户名,鼠标移出用户名输入框后,判断该用户名是否已存在!
②前端分析
给用户名输入框添加一个鼠标移出事件,在事件中获取输入框的内容,利用ajax请求后台数据,然后根据后台响应的数据,设置用户名提示框中的样式。
③后端分析
根据前端传过来的用户名,查找数据库中是否存在该用户,根据查询结果设置不同的响应数据,然后将响应数据发送给前端。
代码实现
①前端实现
regist.html
<html lang="en"><head> <meta charset="UTF-8"> <title>注册页面title> <script src="js/jquery-3.3.1.min.js">script> <script> //在页面加载完成后 $(function () {
//给username绑定blur事件 $("#username").blur(function () {
//获取username文本输入框的值 var username =