jsp ajax实现无刷新,鼠标离开文本框即验证用户名

来源：网络收集时间：2026-03-27

导读： jsp ajax实现无刷新,鼠标离开文本框即验证用户名 jsp+ajax实现无刷新,鼠标离开文本框即验证用户名.txt41滴水能穿石，只因为它永远打击同一点。42火柴如果躲避燃烧的痛苦，它的一生都将黯淡无光。jsp+ajax实现无刷新，鼠标离开文本框即验证用户名 jsp+ajax实

jsp ajax实现无刷新,鼠标离开文本框即验证用户名

jsp+ajax实现无刷新,鼠标离开文本框即验证用户名.txt41滴水能穿石，只因为它永远打击同一点。42火柴如果躲避燃烧的痛苦，它的一生都将黯淡无光。jsp+ajax实现无刷新，鼠标离开文本框即验证用户名

jsp+ajax实现无刷新，鼠标离开文本框即验证用户名（本功能多用于注册） input.jsp(表单提交页面)： %@ page contentType=text/html; charset=GBK % html style type=text/css !-- @import url(../aqgc/style_c.css); --
jsp+ajax实现无刷新，鼠标离开文本框即验证用户名（本功能多用于注册）

input.jsp(表单提交页面)：

<%@ page contentType="text/html; charset=GBK" %>
<html>
<style type="text/css">

</style>
<head>
<title>Ajax实例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">

</style>
</head>
<body bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0" marginheight="0" marginwidth="0">
<center>
<table width="748" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5"></td>
</tr>
</table>
<script language="javascript">
<!--
//创建XMLHttpRequest对象
function GetO()
{
var ajax=false;
try
{
ajax = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E)
{
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!='undefined')
{
ajax = new XMLHttpRequest();
}
return ajax;
}

function getMyHTML(serverPage, objID) {
var ajax = GetO();
//得到了一个html元素，在下面给这个元素的属性赋值
var obj = document.all[objID];
//设置请求方法及目标，并且设置为异步提交
ajax.open("post", serverPage, true);
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4 && ajax.status == 200)
{
//innerHTML是HTML元素的属性，如果您不理解属性那就理解为HTML元素的变量
//ajax.responseText是服务器的返回值，把值赋给id=passport1的元素的属性
//innerHTML这个属性或说这个变量表示一组开始标记和结束标记之间的内容
obj.innerHTML = ajax.responseText;
}
}
//发送请求
ajax.send(null);
}
function CheckName()
{
getMyHTML("check.jsp?groupName="+name_form.group_name.value, "passport1");
}

//这个函数的作用是当用户的焦点从其他地方回到group_name这个输入框时再给属性赋回原内容
function sl(tx)
{
if(tx=='passport1')
{
document.all[tx].innerHTML = "<p

jsp ajax实现无刷新,鼠标离开文本框即验证用户名

class='reds' align='left'>4-20 个字符 (包括大小写字母,中文,数字,特殊字符等) 1个汉字等于2个字符，建议使用中文。注册后不可修改。</p>";
}
}

</script>
<form name="name_form" method=post>
<td height="200" valign="top" >
<table width="100%" height="270" border="1" bordercolor="#96D6E8" class="text12black">
<tr>
<td width="22%" height="20" align="right">用户名：</td>
<td width="61%" align="left">
<INPUT name="group_name" type="text" value="" size=30 maxlength="50" onBlur="javaScript:CheckName();" onFocus="return sl('passport1');" /><br/>
<p id = "passport1" style="color: red"></p>
</td>
<td id="passport2" valign="top"><p class="explain_blue" align='left' ><span class="gray">4-20 个字符 (包括大小写字母,中文,数字,特殊字符等) 1个汉字等于2个字符，建议使用中文昵称。注册后不可修改。</span></p>
</td>
</tr>
</table>
</td>
</form>
</BODY>
</html>

check,jsp (验证页面)：

<%--
/*************************************************************************
* Title: check.jsp *
* @CreateDate 2010/09/01: 检查用户注册信息合法性 *
* @Author : 竹林居者 2010/09/01 created *
* *
**************************************************************************/
--%>
<%@ page contentType="text/html; charset=GB2312" %>
<%@ page import="java.io.*" %>
<%@ page import="java.sql.*" %>
<%@ page import="javax.sql.DataSource"%>
<%@ page import="javax.naming.InitialContext"%>
<%@ page import="java.util.Properties"%>
<%@ page import="java.util.Hashtable"%>

<jsp:useBean id="db" scope="page" class="s2jsp.bysj.dao.BaseDao"></jsp:useBean>
<%
String action=""; < …… 此处隐藏：2282字，全部文档内容请下载后查看。喜欢就下载吧 ……

jsp ajax实现无刷新,鼠标离开文本框即验证用户名.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/fanwen/1813922.html（转载请注明文章来源）

上一篇：2015-2016美术兴趣小组活动计划方案
下一篇：浅谈房屋建筑工程施工的质量管理

资料大全

热门排行