ASP.NETJSP_jsp+ajax实现无刷新(鼠标离开文本框即验证用户名)实现思路，jsp+ajax实现无刷新,鼠标离开文
jsp+ajax实现无刷新(鼠标离开文本框即验证用户名)实现思路,jsp+ajax实现无刷新,鼠标离开文本框即验证用户名，操作如下...
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
}
<td valign="top">
</style>
ajax = new ActiveXObject("Msxml2.XMLHTTP");
function sl(tx) {
<html>
//发送请求
marginheight="0" marginwidth="0">
cellspacing="0">
<style type="text/css">
}
out.println("您的用户名可用");
try {
document.all[tx].innerHTML = "<div>4-20 个字符 (包括大小写字母,中文,数字,特殊字符等) 1个汉字等于2个字符，建议使用中文。注册后不可修改。</div>";
%>
<tr>
</table>
//innerHTML是HTML元素的属性，如果您不理解属性那就理解为HTML元素的变量
</html>
if (!ajax && typeof XMLHttpRequest!='undefined') {
function getMyHTML(serverPage, objID) {
}
font-size: 12px;
out.println("<div>用户名"
用户名：
//这个函数的作用是当用户的焦点从其他地方回到group_name这个输入框时再给属性赋回原内容
//用作数据库联接，可以根据你的情况修改，如果为测试可以不用*作记号的语句
<body bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0"
.style1 {
//设置请求方法及目标，并且设置为异步提交
+ e.getMessage());
maxlength="50" onBlur="javaScript:CheckName();"
var obj = document.all[objID];
.text12black {
<span>4-20 个字符 (包括大小写字母,中文,数字,特殊字符等)
.style14 {
<td>
}
font-size: 13px
out.println("<div>用户名不能为空！</div>");
<tr>
在新建一个校验页面，起名为check.jsp,代码如下：
<div>
<td></td>
ajax.send(null);
if (ajax.readyState == 4 && ajax.status == 200) {
try {
try {
<%@ page contentType="text/html; charset=utf-8"%>
<table bordercolor="#96D6E8"
String action = "";
String groupname = "";
</tr>
}
</head>
return ajax;
<form method=post>
<INPUT type="text" value="" size=30
ajax = new XMLHttpRequest();
</body>
}
//得到了一个html元素，在下面给这个元素的属性赋值
}
</table>
<script language="javascript">
}
}
//innerHTML这个属性或说这个变量表示一组开始标记和结束标记之间的内容
obj.innerHTML = ajax.responseText;
catch (e) {
function CheckName() {
} catch (Exception e) {
+ groupname + "不合法！(长度为4到20位，且不能使用?#=等特殊字符)</div>");
//ajax.responseText是服务器的返回值，把值赋给id=passport1的元素的属性
ajax = false;
class="text12black">
<td>
} else if (groupname.length() < 4 || groupname.length() > 20) {
</form>
+ groupname + "已被占用，请重新输入！</div>");
<head>
ajax.onreadystatechange = function() {
var ajax=false;
groupname = request.getParameter("groupName").trim();
if ("".equals(groupname)) {
<title>jsp+ajax实现无刷新_鼠标离开文本框即验证用户名</title>
function GetO() {
System.out.println(request.getServletPath() + " error : "
<table cellpadding="0"
<div></div>
</tr>
color: #FF3333;
out.println("<div>" + "用户名"
onFocus="return sl('passport1');" />
ajax.open("post", serverPage, true);
}
}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
}
<td valign="top">
</style>
ajax = new ActiveXObject("Msxml2.XMLHTTP");
function sl(tx) {
<html>
//发送请求
marginheight="0" marginwidth="0">
cellspacing="0">
<style type="text/css">
}
out.println("您的用户名可用");
try {
document.all[tx].innerHTML = "<div>4-20 个字符 (包括大小写字母,中文,数字,特殊字符等) 1个汉字等于2个字符，建议使用中文。注册后不可修改。</div>";
%>
<tr>
</table>
//innerHTML是HTML元素的属性，如果您不理解属性那就理解为HTML元素的变量
</html>
if (!ajax && typeof XMLHttpRequest!='undefined') {
}
</td>
var ajax = GetO();
}
font-weight: bold;
catch (E) {
}
</td>
function getMyHTML(serverPage, objID) {
}
font-size: 12px;
out.println("<div>用户名"
用户名：
//这个函数的作用是当用户的焦点从其他地方回到group_name这个输入框时再给属性赋回原内容
//用作数据库联接，可以根据你的情况修改，如果为测试可以不用*作记号的语句
<body bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0"
.style1 {
//设置请求方法及目标，并且设置为异步提交
+ e.getMessage());
maxlength="50" onBlur="javaScript:CheckName();"
var obj = document.all[objID];
.text12black {
<span>4-20 个字符 (包括大小写字母,中文,数字,特殊字符等)
.style14 {
<td>
}
font-size: 13px
<%
//创建XMLHttpRequest对象
}
<%@ page contentType="text/html; charset=utf-8"%>
ajax = new ActiveXObject("Microsoft.XMLHTTP");
getMyHTML("check.jsp?groupName="+name_form.group_name.value, "passport1");
}
} else {
1个汉字等于2个字符，建议使用中文昵称。注册后不可修改。</span>
//检查用户名
</td>
复制代码 代码如下:
</div>out.println("<div>用户名不能为空！</div>");
<tr>
在新建一个校验页面，起名为check.jsp,代码如下：
<div>
<td></td>
ajax.send(null);
if (ajax.readyState == 4 && ajax.status == 200) {
try {
try {
<%@ page contentType="text/html; charset=utf-8"%>
<table bordercolor="#96D6E8"
String action = "";
String groupname = "";
</tr>
}
</head>
return ajax;
<form method=post>
<INPUT type="text" value="" size=30
ajax = new XMLHttpRequest();
</body>
}
//得到了一个html元素，在下面给这个元素的属性赋值
}
</table>
<script language="javascript">
}
}
//innerHTML这个属性或说这个变量表示一组开始标记和结束标记之间的内容
obj.innerHTML = ajax.responseText;
catch (e) {
function CheckName() {
} catch (Exception e) {
+ groupname + "不合法！(长度为4到20位，且不能使用?#=等特殊字符)</div>");
//ajax.responseText是服务器的返回值，把值赋给id=passport1的元素的属性
ajax = false;
class="text12black">
<td>
} else if (groupname.length() < 4 || groupname.length() > 20) {
jsp+ajax实现无刷新,鼠标离开文本框即验证用户名，操作如下：新建一个输入页面，起名为input.jsp,
action = request.getParameter("action");
if(tx=='passport1') {
} else if ("zhangsan".equals(groupname)) {
复制代码 代码如下:
<br /></form>
+ groupname + "已被占用，请重新输入！</div>");
<head>
ajax.onreadystatechange = function() {
var ajax=false;
groupname = request.getParameter("groupName").trim();
if ("".equals(groupname)) {
<title>jsp+ajax实现无刷新_鼠标离开文本框即验证用户名</title>
function GetO() {
System.out.println(request.getServletPath() + " error : "
<table cellpadding="0"
<div></div>
</tr>
color: #FF3333;
out.println("<div>" + "用户名"
onFocus="return sl('passport1');" />
ajax.open("post", serverPage, true);
}
}
相关热词：
本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！
本文地址: https://v30.fanwenzhu.com/jiaob/jsp/7097.shtml
上一篇：JSP_JSP入门教程之基本语法