jquery基础知识

最新推荐文章于 2023-05-31 08:33:36 发布

Hero_孙

最新推荐文章于 2023-05-31 08:33:36 发布

阅读量149

点赞数

分类专栏：前端文章标签： jquery ajax 登录验证

本文链接：https://blog.csdn.net/aa15237104245/article/details/80449391

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

jquery焦点获取失败

$("#username").focus();

失败的原因: 由于使用了jquery,所以返回的是一个jquery对象,而不是DOM

修改为: 1, $("#username")[0].focus();

2 增加定时器来执行获取焦点

使用jquery+ajax实现账号注册时的账号验证

//ajax判断账号

$(function(){

$("#username").blur(function(){
var uname = $(this).val();
if(uname==""){
$("#msg").css("color","red").html("用户名不能为空");
$("#username")[0].focus();
}else{
// $.ajax方法实现
$.ajax({
url:"userInfoController/isExit.do",
type:"get",
data:"username="+uname,
dataType:"text",
async:false,
success:function(result){
console.log(result)

if(result=="用户名可用"){

$("#msg").css("color","green").html(result);
}else if(result=="用户名已存在"){
$("#msg").css('color','red').html(result);
$("#username")[0].focus();
}
$("#msg").html(result);
}
});
}
});

});

</script>

账号:<input type="text" name="username" id="username" > <span id="msg"></span><br>

后端代码

@RequestMapping("userInfoController/isExit")
public void isExit(HttpServletRequest request,HttpServletResponse response) throws IOException {
// 设置编码,
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
String username=request.getParameter("username");

// 查询用户是否存在

if(username==null || "".equals(username)) {
response.getWriter().write("用户名不能为空");
}

SysUserInfo users= userService.selectByName(username);
if(users==null) {
// 用户不存在
response.getWriter().write("用户名可用");
}else {
// 用户存在
response.getWriter().write("用户名已存在");
}

}