`
chqich73
  • 浏览: 5514 次
  • 性别: Icon_minigender_1
  • 来自: 成都
最近访客 更多访客>>
社区版块
存档分类
最新评论

Ajax动态验证

阅读更多
function checkUser(){
 var username=document.all("username").value;
 if(username==""||username.length<6){
 var text="用户名最低为六位";
 var result=document.getElementById("result");
 result.innerHTML="<font color=\"red\">"+text+"</font>";
  document.all("username").focus();
  
  return false;
 }
 if (window.XMLHttpRequest) {
        //针对FireFox,Mozillar,Opera,Safari,IE7,IE8
        xmlhttp = new XMLHttpRequest();
        //针对某些特定版本的mozillar浏览器的BUG进行修正
        if (xmlhttp.overrideMimeType) {
            xmlhttp.overrideMimeType("text/xml");
        }
    } else if (window.ActiveXObject) {
         //针对IE6,IE5.5,IE5
        //两个可以用于创建XMLHTTPRequest对象的控件名称,保存在一个js的数组中
        //排在前面的版本较新
        var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
        for (var i = 0; i < activexName.length; i++) {
            try{
                //取出一个控件名进行创建,如果创建成功就终止循环
                //如果创建失败,回抛出异常,然后可以继续循环,继续尝试创建
                xmlhttp = new ActiveXObject(activexName[i]);
                break;
            } catch(e){
            }
        }
 }
  if (!xmlhttp) {
        alert("XMLHttpRequest对象创建失败!!");
        return;
    } else {
       
    }
  xmlhttp.onreadystatechange=callback;
  xmlhttp.open("Get","user.do?method=checkUser&username="+username,true);
  
  xmlhttp.send(null); 
}

function callback(){
 if(xmlhttp.readyState==4){
    if(xmlhttp.status==200){
     var responseText=xmlhttp.responseText;
     var result=document.getElementById("result");
     
     if(responseText.indexOf("该用户名已经被使用!")!=-1)
     {
     result.innerHTML="<font color=\"red\">"+responseText+"</font>";
     document.all("username").focus();
     return ;
      
     }
     else
     {
     result.innerHTML="<font color=\"blue\">"+responseText+"</font>";
    
     }
    }
  else{
  alter("异常");
  }
 }
}
分享到:
评论

相关推荐

    AJAX动态表单验证

    理解这个过程对编写高效、可靠的AJAX验证至关重要。 9. **异步处理与用户体验** 异步验证避免了页面刷新,使用户能够连续输入,提升了整体交互体验。同时,合理的进度指示或加载动画可以进一步优化用户体验。 10....

    Thinkphp和AJAX动态验证用户输入

    使用Thinkphp3.2框架,wampserver服务器,ajax提交数据,详情见博客http://blog.csdn.net/welovesunflower/article/details/41963671

    Ajax 动态表单验证封装类附示例

    Ajax动态表单验证是Web开发中的一个重要技术,它允许在不刷新整个页面的情况下与服务器进行交互,提升用户体验。本文将详细介绍Ajax动态表单验证的概念、原理,并提供一个封装类的示例,帮助开发者理解和应用这一...

    Ajax表单验证插件

    例如,一个简单的Ajax验证流程可能包括以下步骤: 1. 用户在表单字段中输入数据。 2. 当数据改变时,触发JavaScript函数,该函数创建一个XMLHttpRequest对象,用以发送异步请求。 3. 发送包含用户输入数据的请求到...

    php+ajax表单无刷新验证

    AJAX 是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。它通过XMLHttpRequest对象来实现异步通信,通过JavaScript编写前端逻辑,向服务器发送请求,并处理服务器...

    jquery ajax 异步验证

    ### jQuery AJAX 异步验证详解 #### 一、AJAX概念与原理 ##### 1.1 定义与历史背景 - **定义**: AJAX(Asynchronous JavaScript and XML)是一种使用JavaScript进行异步通信的技术,它使得网页可以在不重新加载...

    Ajax实现登录验证

    在Web开发中,Ajax被广泛用于创建动态、交互性强的用户体验。本篇将深入讲解如何利用Ajax实现登录验证,以及它如何使得页面不刷新就能完成用户登录。 一、Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest,它...

    ajax jsp 实现动态验证

    本篇文章将深入探讨如何利用Ajax和JSP(JavaServer Pages)来实现动态验证功能。 首先,我们要理解Ajax的工作原理。Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行异步通信。当用户触发某个...

    一个Ajax表单检测验证实例.rar

    一个Ajax表单检测验证实例,在不刷新网页的情况下对表单中的各个输入项进行检查,并显示出错误提示,在众多ajax表单中,本示例并不是最复杂的,因此对于学习研究类似表单的实现方法很有参考价值。ajax无刷新表单验证...

    帝国ajax登录验证

    5. **界面动态更新**:根据验证结果,使用JavaScript动态修改页面元素,如显示错误提示或跳转至用户主页。 **三、安全性与优化** 虽然Ajax提供更好的用户体验,但也有其安全性和性能考虑: 1. **防止跨站请求伪造...

    Ajax实时验证用户名邮箱等是否已经存在

    综上所述,"Ajax实时验证用户名邮箱等是否已经存在"是提升Web应用用户体验的重要技术,涉及到前端与后端的交互、数据验证、用户体验优化等多个方面。通过合理设计和实现,可以大大提高用户注册和登录的便捷性和安全...

    ajax表单验证简单实现jquery版

    本文将深入探讨如何使用jQuery库来实现一个简单的Ajax表单验证。jQuery是一个轻量级、功能丰富的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。 首先,我们需要理解Ajax的核心概念。Ajax允许我们在后台与...

    ajax-表单验证

    你可以通过解压文件,运行其中的示例,学习并理解Ajax验证的具体实现。 总之,Ajax表单验证结合了前端和后端的优势,实现了高效且流畅的用户交互。通过使用PHP作为后端语言,可以灵活地实现各种复杂的验证逻辑,并...

    ajax数据验证

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。...AjaxPro.NET提供了一种方便的方式来实现这样的功能,使得.NET开发者可以快速构建具有动态验证功能的Web应用。

    Ajax注册验证用户名实例

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。在这个"Ajax注册验证用户名实例"中,我们将深入...

    java实现Ajax表单验证

    表单中的输入字段需要绑定Ajax验证功能。当用户在输入框中输入内容时,会触发一个JavaScript事件(如onblur或onkeyup),调用之前在"tools.jsp"中创建的Ajax函数,将数据发送到服务器进行验证。同时,我们需要在前端...

    带注册验证的AJAX验证表单实例

    "带注册验证的AJAX验证表单实例"就是这样的一个解决方案,它旨在提高用户体验,通过实时验证用户输入,无需每次提交都等待服务器的反馈。接下来,我们将详细讨论这个实例涉及到的技术和知识点。 1. **AJAX ...

    php+ajax注册验证

    "php+ajax注册验证"是一个综合了前端交互和后端逻辑的实例,它利用PHP处理后端数据验证,使用AJAX实现实时的前端反馈。在实际应用中,开发者应关注安全性、用户体验以及代码的可维护性。理解这些概念并熟练运用,将...

Global site tag (gtag.js) - Google Analytics