jquery ajax验证登录,jQuery+Ajax用户登录功能的实现

登录界面是信息系统提供的必要功能，是为用户提供维护信息的界面，接下来爱站技术频道将引导我们使用jQuery+Ajax用户登录功能的实现详解，希望大家能在下文中学习到想要学习的知识。

其中大致流程是用户点击页面右上角的登录链接接着弹出div模拟窗口，该窗口通过iframe调用Login.aspx页面，用户输入用户名

密码和验证码后，Login.aspx页面的jQuery代码post到Login.ashx页面处理，Login.ashx页面可以算是简易的aspx页面吧。

当然你用LoginProcess.aspx 也是可以的。Login.ashx页面处理完把结果返回给Login.aspx页面处理，result变量用与接收结果。

如果返回1表示登录成功，则关闭模拟窗口。

主页面调用代码片段：

复制代码 代码如下:

登录

Login.aspx代码：

学号：

maxlength="9" οnblur="checkUserName()" οnclick="$.trim(this.value)"/>

密码：

οnblur="checkUserPwd()" οnclick="$.trim(this.value)" />

验证码：

id="txtCheckCode" οnblur="checkCheckCode()" οnclick="$.trim(this.value)"/>

输入下图中的字符，不区分大小写

看不清，换一张

alt="马上登录" style="border:0;"/>

jQuery代码：

Login.ashx代码：

看了上面爱站技术频道小编介绍的jQuery+Ajax用户登录功能的实现方法，是不是对这方面有所了解了呢?想了解更多有关技术信息，请多关注js.aizhan.com吧！