【问题标题】:Confused about using Jquery对使用 Jquery 感到困惑
【发布时间】:2014-06-25 22:30:09
【问题描述】:

首先我应该说这是我的第一个 jquery 应用程序。我正在关注互联网上的视频教程并尝试同样的事情。此应用程序基本上检查数据库中的用户名,并让用户知道该用户名是否可用并显示一条消息。首先,我跟随讲师here 并添加了jquery 2.1.1。然后我像在视频上一样编写代码,输入了一些值,没有任何反应,既没有异常也没有消息。我有 3 周的编程背景,不知道出了什么问题。

<head runat="server">
    <title></title>
    <script src="Scripts/jquery-2.1.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery-2.1.1.intellisense.js"></script>
    <script type="text/javascript" >
        function check() {
            var username = $('#txtUsername').val();
            PageMethods.CheckName(username, checkmess);
        }

        function checkmess(message) {
            $('#result').html(message);
        }
    </script>
</head>
<body>
<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
    </asp:ScriptManager>
    <br />
    <input id="txtUsername" name="txtUsername" type="text"  onchange="checkFunction();" />
    <div id="result" name="result"></div>
</form>

这是用于 aspx.cs 文件的

protected void Page_Load(object sender, EventArgs e)
{

}

[WebMethod]
public static string CheckName(string name) 
{
    SqlConnection cnn = new SqlConnection("server=.\\sqlexpress;database=Northwind;User Id=sa; Password=1234");
    SqlCommand cmd = new SqlCommand("select * from User where UserName='"+name+"'",cnn);
    string message = "";
    SqlDataReader dr = cmd.ExecuteReader();

    if (dr.HasRows)
    {
        message = "User Exists";
    }
    else 
    {
        message = "UserName is ok ";
    }

    return message;
}

【问题讨论】:

  • 我在你的问题中遗漏了一个问号......那么你的问题是什么?
  • 嗯...你的 Javascript 函数都没有被调用过。调用函数的语法是 functionName()
  • @PatrickHofman,您好先生,您不认为您只是不尊重 OP!
  • @PratikJoshi:不,我不这么认为。这个问题很不清楚。

标签: jquery asp.net


【解决方案1】:

您错误地调用onchange 函数作为输入,因为您的函数名称是check()

改变

<input id="txtUsername" 
       name="txtUsername" 
       type="text"  
       onchange="checkFunction();"/>

 <input id="txtUsername" 
        name="txtUsername" 
        type="text"  
        onchange="check();"/>
        ^ function name corrected.  

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    • 1970-01-01
    • 2011-03-23
    • 2023-02-05
    相关资源
    最近更新 更多