`

jquery 注册验证例子

阅读更多
var state = false;
  $(document).ready(function(){
  
     $("#txt2UserName").focus();
     $("#txt2UserName").keyup(function(){
     $.ajax({
            //提交数据的类型 POST GET
            type:"GET",
            //提交的网址
           url: "reg.aspx",
            //提交的数据
            data:{isAjax:"true",Name:$("#txt2UserName").val()},//$("#txt2UserName").val()
            //返回数据的格式
            datatype: "text",//"xml", "html", "script", "json", "jsonp", "text".
            //在请求之前调用的函数
            //beforeSend:function(){$("#idMessage").html("logining");},
            //成功返回之后调用的函数            
          //  success:function(data){
         //  $("#idMessage").html(decodeURI(data));           
            //}   ,
            //调用执行后调用的函数
            complete: function(XMLHttpRequest, textStatus){
               //alert(XMLHttpRequest.responseText);
               var mes = XMLHttpRequest.responseText;
               state =mes=="0";
               mes = mes=="0"?("用户名可以注册!"):("用户名已存在不能注册!");
               $("#idMessage").html(mes);
                //HideLoading();
            },
            //调用出错执行的函数
           error: function(){
                //请求出错处理
            }        
         });
     
     // $("#idMessage").html($(this).val());
     })
  
   $("#BtReg").bind("click",
    function()
    {
    var txt2UserName = $("#txt2UserName").val();
    var txt2Pwd = $("#txt2Pwd").val();
    var txt2APwd = $("#txt2APwd").val();
    var txt2Mail = $("#txt2Mail").val();
    if(txt2UserName.length<1)
    {
    $.messager.alert('信息','用户名不能为空!');
    $("#txt2UserName").focus();
    return false;
    }
    else if(txt2Pwd.length<1)
    {
    $.messager.alert('信息','密码不能为空!');
    $("#txt2Pwd").focus();
    return false;
    }
    else if(txt2APwd.length<1)
    {
    $.messager.alert('信息','密码不能为空!');
    $("#txt2APwd").focus();
    return false;
    }
    else if(txt2APwd!=txt2Pwd)
    {
    $.messager.alert('信息','两次密码输入不一致!');
    $("#txt2APwd").focus();
    return false;
    }
    else if(txt2Mail.length<1)
    {
    $.messager.alert('信息','邮箱不能为空!');
    $("#txt2Mail").focus();
    return false;
    }
    else if(!state)
    {
    $.messager.alert('信息','用户名已存在请重新注册!');
    $("#txt2UserName").focus();
    return false;
    }
    else
    {
    return true;
    }
    })
  
  });
  // 显示信息
     function showMessage(mes)
  {
  $(document).ready(function(){
  $.messager.alert('信息',mes);
  $("#txtUserName").foucs();
  })
  }
分享到:
评论

相关推荐

    用JQuery用户注册验证小例子

    三、JQuery验证实现步骤 1. **获取表单元素**:使用JQuery的选择器获取注册表单中的输入字段,如用户名、密码、邮箱等。 2. **事件绑定**:通过`.on()`方法绑定事件监听器,例如`blur`事件(当元素失去焦点时触发)...

    jQuery表单验证例子

    通过学习这个例子,你可以了解如何在实际项目中设置和使用jQuery Validate插件,这对于构建用户友好的、有严格数据验证的Web应用至关重要。在深入学习和实践过程中,你还将掌握如何结合其他jQuery功能,如动态添加...

    jQuery表单验证例子(demo)

    标题"jQuery表单验证例子(demo)"指向了一个实际的应用示例,而描述则表明我们可以通过解压文件并运行`demo.html`来直接体验这个验证功能。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、...

    jquery jquery表单验证实用例子

    本实例主要探讨的是如何使用jQuery进行表单验证,这是网页应用中必不可少的一个环节,确保用户输入的数据符合预设的规则,提高用户体验并减少服务器端的压力。 首先,表单验证通常涉及到的基本元素有:输入字段...

    jQuery用户注册表单验证代码

    在本文中,我们将深入探讨如何使用jQuery库进行用户注册表单的验证。jQuery是一个轻量级、高性能的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。在用户注册过程中,表单验证是至关重要的...

    JQuery实现注册表单实时验证

    **jQuery实现注册表单实时验证**是Web开发中常见的需求,尤其在用户界面设计中,为了提高用户体验,实时验证能够即时反馈用户输入的合法性,避免了用户提交后才出现错误提示的情况。本教程将深入讲解如何利用jQuery...

    表单注册验证例子

    本例子旨在详细介绍如何实现一个全面的表单注册验证机制。 首先,我们需要理解表单验证的基本概念。表单验证是在用户提交表单数据之前对输入进行检查的过程,它可以防止无效数据、恶意攻击或不完整的数据进入系统。...

    jquery mobile注册登录例子

    《jQuery Mobile 注册登录实践详解》 在移动应用开发领域,jQuery Mobile 是一款非常流行的前端框架,它基于 jQuery 库,专为触摸设备设计,提供了一套完整的UI组件和交互效果,使得创建响应式、易用的移动Web应用...

    jquery-easyui 例子

    这个"jquery-easyui 例子"压缩包包含了完整的示例,旨在确保你能直观地看到各种功能的实际效果。 EasyUI 提供了诸如对话框(Dialog)、表格(Grid)、表单(Form)、菜单(Menu)、树形结构(Tree)、下拉选择器...

    spring+hibernate+freemarker+jQuery 登录注册例子

    总结一下,这个"spring+hibernate+freemarker+jQuery"登录注册例子展示了如何利用这些技术栈创建一个完整的用户认证系统。Spring提供了业务逻辑和安全框架,Hibernate负责数据持久化,Freemarker生成动态视图,而...

    Aspnet 中Jquery应用经典例子

    8. **插件集成**:jQuery生态系统中有大量优秀的插件,如Bootstrap的弹出框、轮播图,以及validate表单验证等。这些插件可轻松集成到Asp.net项目中,提升网页功能和设计。 五、响应式与移动支持 9. **响应式设计**...

    jquery.validate表单验证密码完整例子(带密码强度显示)

    首先,`jQuery Validate`的核心功能是验证用户在表单中输入的数据,确保其符合预设的验证规则。例如,我们可以设定密码必须包含字母、数字、特殊字符等要求,以提高安全性。在提供的例子中,它会检查用户输入的密码...

    Jquery例子,前后台交互,验证。

    本资源"Jquery例子,前后台交互,验证"提供了一系列实用的JavaScript代码示例,主要关注jQuery在网页交互和数据验证中的应用。以下是这些关键知识点的详细解释: 1. **jQuery库的引入**:jQuery库通常通过在HTML...

    jquery验证相关好例子

    本篇文章将深入探讨jQuery验证相关的知识点,以及如何利用jQuery和JavaScript进行有效的表单验证。 首先,jQuery提供了方便的事件处理机制,如`$(document).ready()`,允许我们在页面加载完成后执行代码,确保元素...

    jquery实现用户注册表单验证代码

    本示例将深入探讨如何使用jQuery库来实现用户注册表单的验证功能。jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。 首先,我们来理解一下基本的HTML结构。在...

    jquery validate表单验证插件制作注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...

    jQuery判断注册填写信息的例子很全面的

    在这个例子中,我们将详细探讨如何使用JavaScript库jQuery来实现一系列常见的注册信息验证,如用户名、电话号码、身份证和邮箱等。 首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画设计...

Global site tag (gtag.js) - Google Analytics