2009-05-18 20 views
1

我有一个ASP.NET页面,我有一个按钮当用户单击按钮时,我会检查用户是否已登录或not.If没有登录,我会显示一个模式弹出登录(使用jQueryUI)。我在div中放置了一个文本框(txtPassword)和一个按钮(btnLogin)控件,它将由jQueryDialog.But在btnLogin的Click事件中显示,我无法读取在文本框中输入的Text值txtPassword与jQueryUI的ASP.NET:文本框值在按钮单击事件中为空

以下是我的代码

<form id="form1" runat="server"> 
<div> 
    <br /> 
    <asp:TextBox ID="txtModelId" runat="server" Text=""></asp:TextBox><br /> 

    <asp:Button ID="btnGo" runat="server" Text="Go" OnClick="btnGo_Click" /> 
    <br /> 
    <asp:Label ID="lblUserMsg" runat="server" Text="Label"></asp:Label></div> 
    <div id="divContentHolder"> 
    <div class="demo"> 

    <div id="dialog" title="Login with your TradeIn Account"> 
    <p id="validateTips">Enter your EmailId & password</p> 


    <fieldset> 
     <label for="email">Email</label> 
     <asp:TextBox ID="txtEmail" CssClass="text ui-widget-content ui-corner-all" runat="server" ></asp:TextBox> 
     <label for="password"> 
     <asp:TextBox ID="TextBox1" runat="server" Text="sample"></asp:TextBox>Password</label> 
     <asp:TextBox ID="txtPassword" CssClass="text ui-widget-content ui-corner-all" runat="server" ></asp:TextBox> 
     <asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click" UseSubmitBehavior="false"/> 
    </fieldset> 

    </div><!--dialog--> 
    </div><!--demo--> 
    </div><!--divContentHolder--> 

</form> 

服务器端代码

protected void btnGo_Click(object sender, EventArgs e) 
{ 
    CheckUserLoggedIn(); 
} 

private void CheckUserLoggedIn() 
{ 
    if (Session["username"] != null) 
    { 
     Response.Write("Logged in user"); 
     ClientScript.RegisterHiddenField("isAuthenticated", "true"); 
    } 
    else 
    { 
     ClientScript.RegisterHiddenField("isAuthenticated", "false"); 
    } 
} 

    protected void btnLogin_Click(object sender, EventArgs e) 
    { 
     string txtSample= TextBox1.Text; // this is showing the value 'sample' 
     string txtPass= txtPassword.Text; // this is showing null 

     if (txtPass == "shyju") 
     { 
      Session["username"] = txtPassword.Text; 
      Response.Redirect("TestingModal.aspx"); 
     } 
    } 

我的Java脚本代码来渲染对话框

$(函数(){

var name = $("#name"), 
      email = $("#email"), 
      password = $("#password"), 
      allFields = $([]).add(name).add(email).add(password), 
      tips = $("#validateTips"); 

    function updateTips(t) { 
      tips.text(t).effect("highlight",{},1500); 
    } 

    function checkLength(o,n,min,max) { 

      if (o.val().length > max || o.val().length < min) { 
        o.addClass('ui-state-error'); 
        updateTips("Length of " + n + " must be between "+min+" and "+max+"."); 
        return false; 
      } else { 
        return true; 
      } 

    } 

    function checkRegexp(o,regexp,n) { 

      if (!(regexp.test(o.val()))) { 
        o.addClass('ui-state-error'); 
        updateTips(n); 
        return false; 
      } else { 
        return true; 
      } 

    } 

    $("#dialog").dialog({ 
      bgiframe: true, 
      autoOpen: false, 
      height: 300, 
      modal: true, 
      buttons: { 
        'Create an account': function() { 
          var bValid = true; 
          allFields.removeClass('ui-state-error'); 

          bValid=true; 
          if (bValid) { 

            /*$('#users tbody').append('<tr>' + 
              '<td>' + name.val() + '</td>' + 
              '<td>' + email.val() + '</td>' + 
              '<td>' + password.val() + '</td>' + 
              '</tr>'); */ 

              alert("Check User Credentials") 
            $(this).dialog('close'); 
          } 
        }, 
        Cancel: function() { 
          $(this).dialog('close'); 
        } 
      }, 
      close: function() { 
        allFields.val('').removeClass('ui-state-error'); 
      } 
    }); 



    $('#create-user').click(function() { 
      $('#dialog').dialog('open'); 
    }) 
    .hover(
      function(){ 
        $(this).addClass("ui-state-hover"); 
      }, 
      function(){ 
        $(this).removeClass("ui-state-hover"); 
      } 
    ).mousedown(function(){ 
      $(this).addClass("ui-state-active"); 
    }) 
    .mouseup(function(){ 
        $(this).removeClass("ui-state-active"); 
    }); 


var isAuthenticated = $("#isAuthenticated").val(); 
if (isAuthenticated && isAuthenticated == "false") 
{ 
// Display the modal dialog. 
$("#dialog").dialog("open"); 
} 
}); 

我已经硬编码TextBox1中的文本属性值作为我的ASPX文件。在按钮单击事件我得到它的HTML部分“样本”。但是其他的文本框,txtPassword的Text属性是给我空值

请指引我前进提前

感谢

+0

这里没有足够的代码来真正了解发生了什么。您是否在Page_Load事件中设置了值,您是否有一些jQuery代码清除了该值。 – jfar 2009-05-18 08:05:32

回答

0

试图让txtPa这样的字符值

string val=txtPassword.Attributes["value"].ToString(); 
相关问题