JQ对用户名异步校验（JQ的AJAX）

最新推荐文章于 2021-08-05 14:10:19 发布

cuterabbitbaby

最新推荐文章于 2021-08-05 14:10:19 发布

阅读量315

点赞数

CC 4.0 BY-SA版权

分类专栏： java JAVAWEB学习笔记

本文链接：https://blog.youkuaiyun.com/cuterabbitbaby/article/details/78657996

JAVAWEB学习笔记同时被 2 个专栏收录

67 篇文章

订阅专栏

java

43 篇文章

订阅专栏

本文介绍了一种使用jQuery实现客户端用户名验证的方法。当用户输入用户名并离开输入框时，通过发送GET请求到服务器检查该用户名是否已被注册。根据服务器响应显示相应的提示信息，并启用或禁用提交按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
	$(function() {
		$("#username").blur(function() {
			var username = $("#username").val();
			//演示get/post方法$.get(處理的servlet,传给servlet的map,回调函数（servlet:response.getWriter().println(1)的值）)
			$.get("/J2EE/usernamecheckservlet", {
				"username" : username
			}, function(data) {
				if (data == 1) {
					$("#s1").html("用户名可以使用");
					$("#sub").attr("disabled", false);//改标签的属性值
				} else if (data == 2) {
					$("#s1").html("用户名已经被注册了");
					$("#sub").attr("disabled", true);
				}
			});
		});
	});
</script>