jquery 验证

最新推荐文章于 2023-03-21 13:46:58 发布

转载最新推荐文章于 2023-03-21 13:46:58 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/A-I/archive/2009/07/23/1529223.html

本文介绍了一个使用jQuery和ASP.NET实现的简单AJAX登录验证案例。该案例包括了前端页面输入验证及通过AJAX发送GET请求到后端进行用户名验证的过程，并展示如何从前端获取参数并返回结果。

---前台代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script src="jQuery.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">

   $(document).ready(function(){
    $("#txtName").keyup(function(){
        if($("txtName").val() =="")
        {
            alert("姓名不能为看空");
            $("txtName").focus();
            return false;
        }
        else
        {
          $.ajax({
                type:"get",
                url:"jSencend.aspx",
                data:{userName:$("#txtName").val()},
                beforeSend:function(){$("#spa1").html("logining");},
                error:function(){alert("错误");},
                success:function(data){$("#spa1").html(decodeURI(data));}
             });
            return true;
        }

        });
    });

</script>

</head>
<body>
<form id="form1" runat="server">
<div>

--后台代码

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Js_Register : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}
}

--提交到窗体的前台代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="jSencend.aspx.cs" Inherits="Js_jSencend" %>

<!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 runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" action="" runat="server">
        <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="Secend() " />
    </form>
</body>
</html>

---提交到窗体的后台代码

public partial class Js_jSencend : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string retVal = "";
            //string sNamePost = Request.Form["userName"];    //post
            string sName = Request.Params["userName"];      //get
            //此处sName的值写死了，如果验证sName在数据库中是否存在，可以换成从数据库中取出
            if (sName == "ike")
            {
                retVal = "Login is success";
            }
            else
            {
                retVal = "Login is false";
            }
            Response.Write(retVal);
            Response.End();
        }

}
}

完整的代码，代码直接复制就可以用，记得下载jquery.js文件

转载于:https://www.cnblogs.com/A-I/archive/2009/07/23/1529223.html