js:
function checkLoginName() {
var loginName = document.myform.loginName.value;
if (loginName == "" || loginName == null) {
alert('用户名不能为空!');
return false;
} else {
var url = "action.do?method=checkLoginName&loginName=" + loginName;
send(url);
// document.myform.action = "action.do?method=checkLoginName";
// document.myform.submit();
}
}
var xmlHttp;
function createXmlHttp() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("MIcrosoft.XMLHttp");
}
}
function send(url) {
createXmlHttp();
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = processRequest;
xmlHttp.send(null);
}
function processRequest() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var myfont = document.getElementById("name");
while (myfont.hasChildNodes()) {
myfont.removeChild(myfont.firstChild);
}
var text = document.createTextNode();
text.nodeValue = xmlHttp.responseText;
myfont.appendChild(text);
}
}
}
action:
public ActionForward checkLoginName(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
LoginDao dao=new LoginDao();
String loginName=request.getParameter("loginName");
loginName=new String(loginName.getBytes("ISO-8859-1"),"UTF-8");
System.out.println(loginName);
int num=dao.check(loginName);
if(num==0){
response.getWriter().println("可用");
response.getWriter().flush();
}else{
response.getWriter().println("已经使用");
response.getWriter().flush();
}
return null;
}
dao:
public int check(String loginName){
Session ss=HibernateSessionFactory.getSession();
ss.beginTransaction();
Query q=ss.createQuery("select loginName from Login where loginName='"+loginName+"'");
List list=q.list();
ss.getTransaction().commit();
ss.close();
return list.size();
}
html:
<tr>
<td width="100" align="right">
用户名:
</td>
<td align="left">
<input type="text" name="loginName" />  <input type="button" value="检查用户名" onclick="checkLoginName()">
<font color="red" size="2px" id="name"></font></td>
</tr>
分享到:
相关推荐
总的来说,“ajax检验注册唯一性验证”涉及到前端与后端的交互,包括JavaScript的事件处理、Ajax请求的发起和响应处理,以及服务器端的数据库查询和JSON数据的生成。通过这种方式,我们可以提供更友好的用户体验,让...
本文实例详细介绍了如何使用jQuery和Ajax技术实现前端与后端的数据交互,以及如何在服务器端进行数据库查询来验证用户名的唯一性。这种验证机制是现代Web应用中用户注册和信息管理功能的重要组成部分,能有效提升...
虽然Ajax验证提供了良好的用户体验,但必须注意,前端验证不应被视为安全防护的唯一手段。任何前端验证都可以被绕过,因此,后端验证仍然是必不可少的。 9. **jQuery简化Ajax**: 为了简化Ajax操作,项目可能使用...
"带注册验证的AJAX验证表单实例"就是这样的一个解决方案,它旨在提高用户体验,通过实时验证用户输入,无需每次提交都等待服务器的反馈。接下来,我们将详细讨论这个实例涉及到的技术和知识点。 1. **AJAX ...
4. 服务器端的接口接收请求,验证数据(例如,检查邮箱格式、用户名唯一性等)。 5. 如果验证通过,服务器返回成功状态;否则,返回错误信息。 6. 客户端接收到响应后,解析JSON数据,根据返回的状态和信息更新UI,...
在Web开发中,确保用户账户ID的唯一性是至关重要的,因为这直接影响到系统的稳定性和安全性。AJAX(Asynchronous JavaScript and XML)技术被广泛应用于此类实时验证,它允许前端与后端进行无刷新的数据交互,提高...
接下来,我们深入探讨AJAX验证。AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在会员注册中,AJAX验证可以在用户输入时实时检查数据的正确性,如...
**基于PHP5的AJAX验证表单** 在Web开发中,表单验证是必不可少的一环,它可以确保用户输入的数据符合预设的规范,避免无效或有害数据进入数据库。本示例提供了一个基于PHP5和AJAX的表单验证解决方案,这使得用户在...
4. **唯一性检查**:确保输入的数据在数据库中是唯一的,如用户名或ID。 5. **复杂性检查**:对于密码,可能需要包含特定字符组合,如大小写字母、数字和特殊字符。 在**一般处理程序(ASHX)数据验证**中,我们...
在这个"php+mysql+Ajax验证用户名是否已占用"的场景中,我们将探讨如何利用PHP、MySQL数据库和Ajax技术来实现实时的前端验证,从而提高用户体验并减少服务器压力。 首先,让我们了解一下这些技术的基础知识: 1. ...
4. **唯一性验证**:确保用户名在数据库中是唯一的。 5. **复杂性验证**:对于密码,可能需要包含大小写字母、数字和特殊字符。 6. **匹配验证**:确认两次输入的密码一致。 ### 安全最佳实践 - **密码哈希**:存储...
在本例中,我们看到一个使用AJAX实现的用户唯一性验证功能,用于检查数据库中是否已存在某个特定的用户名。以下是相关知识点的详细说明: 1. **HTML结构**: 在`checkusername.html`文件中,HTML代码定义了一个...
此外,安全也是Ajax验证中不可忽视的一环,应确保数据在传输过程中的安全性,可以使用HTTPS协议加密通信,防止数据被窃取。 综上所述,"很实用的ajax验证效果"这个压缩包文件很可能包含了一个完整的前端验证示例,...
接下来,我们将详细探讨Ajax验证用户、QQ、密码和邮箱的相关知识点。 1. **Ajax基础**:Ajax的核心在于创建XMLHttpRequest对象,它允许JavaScript与服务器进行异步通信。通过发送HTTP请求,获取服务器响应,然后在...
"Ajax验证用户注册"是提升这种体验的一种常见技术,它使得用户在填写注册信息时无需等待页面刷新就能得到反馈,从而提高了交互性和效率。Ajax(Asynchronous JavaScript and XML)的核心是利用JavaScript进行异步...
在用户注册或登录过程中,通常需要验证用户名的唯一性。传统的表单提交方式会导致页面刷新,不仅用户体验不佳,还可能导致数据丢失。而使用Ajax进行实时验证,则可以在不刷新页面的情况下即时反馈结果,提高用户体验...
在现代Web开发中,确保用户的输入信息(例如用户名)的唯一性是非常重要的。这不仅可以提高用户体验,还可以加强系统的安全性。传统的表单提交方式通常涉及整个页面的刷新,这对于简单的验证操作来说显得过于繁琐且...
**Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...记得实践是检验真理的唯一标准,动手尝试并理解这个Ajax验证的代码,你将对Ajax有更深入的认识。
总结来说,这个例子展示了如何使用jQuery进行简单的用户名唯一性验证,通过Ajax与后端PHP脚本进行交互,从而实现实时反馈。当然,实际项目中还需要考虑更多的安全因素,如防止SQL注入、使用HTTPS等。此外,前端验证...
在现代Web开发中,用户输入的验证是至关重要的,特别是在教育管理系统中,确保学号的有效性和唯一性是必要的。Ajax技术允许我们在不刷新整个页面的情况下与服务器进行异步通信,这使得验证过程更加流畅,用户体验更...