JQuery 实例学习系列(1)Ajax登陆验证

本文通过一个Ajax登陆实例,学习JQuery在Ajax方面的应用。

//前台代码

<script language="javascript">
    $(document).ready(
      function(){
        $("#btnLogin").click(function(){Login();})
         }
    );
    function Login()
    {
      if(Check())
      {
        Go();
      }
    }
    function Check()
    {
      if($("#txtUserID").val()=="")
      {
        alert("帐号不能为空!");
        $("#txtUserID").focus();
        return false;
      }
      if($("#txtPass").val()=="")
      {
        alert("密码不能为空!");
        $("#txtPass").focus();
        return false;
      }
      return true;
    }
    function Go()
    {
      $.post("LoginCheck.aspx", { Action: "post", UserID: $("#txtUserID").val(),UserPass: $("#txtPass").val() },
   function (data, textStatus){
   alert(data.result);
    "json");
    }

</script>

时间: 2024-10-04 23:28:14

JQuery 实例学习系列(1)Ajax登陆验证的相关文章

jquery 弹出层ajax登陆实例代码

jquery 弹出层ajax登陆实例代码 jQuery(document).ready(function(){  jQuery('.login_show').click(function(){   var xmlhttp=createxmlhttp();   if(!xmlhttp)   {    alert("你的浏览器不支持XMLHTTP!!");    return;   }   var  Digital=new  Date();   Digital=Digital+40000;

Jquery揭秘系列:ajax原生js实现详解(推荐)_jquery

讲到ajax这个东西,我们要知道两个对象XMLHTTPRequest和ActiveXObject ,提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力.可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容.XMLHTTPRequest基本上算是标准化了,兼容大部分浏览器ActiveXObject这玩儿意儿是微软的东西,所以是为了兼容IE版本,我们用的只是它的xmlHTTP功能. 为了功能的明确和清晰,我们

jQuery validate插件实现ajax验证重复的2种方法_jquery

本文实例讲述了jQuery validate插件实现ajax验证重复的2种方法.分享给大家供大家参考,具体如下: jquery validate 经过这种多年的改良,已经很完善了.它能满足80%的验证需要,如果validate自带的功能,不能满足我们需求,它提供了addMethod来扩展功能.下面就举个小例子来说明一下addMethod的用法. 完整demo实例代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//

AJAX实现登陆验证

ajax实现登陆验证 js文件如下: var xmlHttp;function IMG1_onclick() {  CheckIsValid();}function CheckIsValid(){  CreatXmlHttpRequest();  var userName=document.getElementById("AdminText");  var passWord=document.getElementById("AdminPasswordText"); 

用ajax怎么验证,鼠标离开事件,验证鼠标离开时,那个学生编号是否唯一,,暂时没有赞帮忙解答,谢谢

问题描述 用ajax怎么验证,鼠标离开事件,验证鼠标离开时,那个学生编号是否唯一,,暂时没有赞帮忙解答,谢谢 怎么写,那个ajax验证鼠标离开时学生编号是唯一的,要从数据库里查看,鼠标离开时,那个编号是不是数据库里已经有了的 解决方案 C#的也是类似的:你可以根据需要修改上面的:用到了JQuery的一些东西. 如果回答对你有帮助请采纳 解决方案二: * //失去焦点时触发的事件 $('#id').blur(function () { //后台写一个方法,根据学号验证数据库是否已经存在记录 //a

mvc C# JavaScript LigerUI oracle实现用户的注册、登陆验证、登陆_C#教程

一.登录数据库,在数据库中创建表User00,并且插入数据. 表的字段分别为: Id(编号).Name(姓名).Grid(级别).Score(积分).Password(密码).Age(年龄).Code(邀请码).(其中编号是自动编号) 部分命令如下: select * from User00; /*查询User00*/ insert into User00 values('one','优',10000,'123',24); /*插入一行数据*/ update User00 set Grid='优

js表单登陆验证示例_javascript技巧

本文实例讲述了js表单登陆验证的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

在JavaScript的jQuery库中操作AJAX的方法讲解_jquery

Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进行一些简单配置就可以实现:而Spring进行了对各种对象的管理进行封装,提供了AOP编程的方式,大大方便了我们:而Hibernate和IBatis则是对JDBC代码进行封装,不需要我们每次都写那些重复而繁杂的JDBC代码.   前台呢,对于页面一些效果,验证等,我们都是通过JavaScript语言进

Yii基于CActiveForm的Ajax数据验证用法示例_php实例

本文实例讲述了Yii基于CActiveForm的Ajax数据验证用法.分享给大家供大家参考,具体如下: 1. 视图定义form表单开启ajax验证 $form = $this->beginWidget('CActiveForm', array( 'id'=>'zdzone-form', 'enableAjaxValidation'=>true,//开启ajax验证 'enableClientValidation'=>true,//开启客户端验证,生成js 'action'=>