Jquery 动态检测用户名

最新推荐文章于 2019-04-06 22:24:51 发布

感谢一路走过的人

最新推荐文章于 2019-04-06 22:24:51 发布

阅读量395

点赞数

分类专栏： JQuery 文章标签： jquery function validation server xhtml json

本文链接：https://blog.csdn.net/leejin_521/article/details/6988134

版权

JQuery 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

前台：

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

<!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>

                    $.ajax({
                        url: "validation.aspx/CheckUserName",
                        type: "Post",
                        data: "{ 'name': '" + $.trim($(this).val()) + "' }",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function(data) {
                            if (data.d == true) {
                                $("#spanValidate").css("color", "red").html("<img src='../imgs/correct.gif' />");
                            }
                            else {
                                $("#spanValidate").css("color", "red").css("fontSize", "12px").html("<img src='../imgs/disable.gif' />用户名已存在");
                            }
                        },
                        error: function(err) {
                            alert(err);
                        }

                    });
                }
            });

            $("#btnCheck").click(function() {
                var userName = $("#txtName").val();
                $.ajax({
                    url: "validation.aspx/CheckUserName",
                    type: "Post",
                    data: "{ 'name': '" + userName + "' }",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function(data) {
                        if (data.d == true) {
                            $("#spanValidate").css("color", "red").html("<img src='../imgs/correct.gif' />");
                        }
                        else {
                            $("#spanValidate").css("color", "red").css("fontSize", "12px").html("<img src='../imgs/disable.gif' />用户名已存在");
                        }
                    },
                    error: function(err) {
                        alert(err);
                    }

                });
            });
        });


    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="text" runat="server" id="txtName" /><input type="button" id="btnCheck"
            value="检测用户名" /><br />
        <span id="spanValidate"></span>
    </div>
    </form>
</body>
</html>

后台：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Script.Services;
using System.Web.Services;

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

    }
    [WebMethod]
    public static bool CheckUserName(string name)
    {
        if (name == "lee")
        {
            return false;
        }
        return true;
    }
}

感谢一路走过的人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Jquery 动态检测用户名

前台：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> $(function() { $("#spanValidate").css("color", "red").css("fo
复制链接

扫一扫