如何使用jquery清除服务器文本框

时间:2012-11-11 06:20:56

标签: jquery asp.net textbox

我正在使用客户端功能来清除文本框(服务器控件runat =“server”)所以当我使用jquery清除它时它显示为空但是当我跟踪代码并检查textbox.Text控件时我发现了那里的值并且不为null所以如何从客户端的文本框控件的value属性中清除它(我必须从客户端清除它以进行用户交互)

我正在使用以下内容从客户端代码中清除它:

$("#cp1_txtDeathDate").val("");

这是我控制的代码:

<asp:TextBox ID="txtDeathDate" runat="server" ></asp:TextBox> 
代码背后的

if (txtDeathDate.Text != "" && DatePattern.IsMatch(txtDeathDate.Text))
{
//do something
}

在萤火虫追踪:

<input id="cp1_txtDeathDate" type="text" value="26/10/2012" name="ctl00$cp1$txtDeathDate"> // while textbox appeared empty

当用户通过(事件点击)更改复选框的值

时,我正在调用javascript代码
        function checkDead_click() {


            if ($("#cp1_chDead").prop("checked") == false) {
                $("#cp1_drpDeathReason").attr('disabled', 'disabled');
                $("#cp1_txtDeathDate").attr('disabled', 'disabled');
                $('#divDeath input#cp1_radDMR_0').attr('checked', true);
                $("#divDeath input:radio").attr("disabled", true);
                $("#cp1_drpDeathReason").html("");
                $("#cp1_txtDeathDate").val("");
            }
            else {
                $("#cp1_drpDeathReason").removeAttr('disabled');
                $("#cp1_txtDeathDate").removeAttr('disabled');
                $("#divDeath input:radio").removeAttr('disabled');
            }

        }

$("#cp1_chDead").click(checkDead_click);


protected void Saveform()
    {
        Demographic Demo = new Demographic();


            using (DBEntities DB = new DBEntities())
            {
                try
                {
                    if (hdFormMode.Value == "edit")
                    {
                        string nid = Session["NID"].ToString();
                        Demo = DB.Demographics.SingleOrDefault<Demographic>(d => d.NID == nid);
                    }
                    if (Demo != null || hdFormMode.Value == "new")
                    {

                        Demo.NID = litNID.Text;
                        Demo.BirthDate= txtBirthDate.Text;
                        Demo.FirstName = txtFirstN.Text;
                        Demo.FatherName = txtFatherN.Text;
                        Demo.GrandFName = txtGrandFN.Text;
                        Demo.FamilyName = txtFamilyN.Text;

                        if (txtDeathDate.Text != "" && DatePattern.IsMatch(txtDeathDate.Text))
                        {

                            Demo.DeathDate = txtDeathDate.Text;
                            Demo.RealDeathDate = Convert.ToByte("1");
                         }


                        else
                        {
                            Demo.DeathDate = null;

                        }
                        if (chDead.Checked)
                            Demo.Dead = Convert.ToByte("1");
                        else
                        {
                            Demo.Dead = null;
                            Demo.DeathReason = null;
                            Demo.RealDeathDate = null;
                            Demo.DeathDate = null;

                        }

                        if (hdFormMode.Value == "new")
                        {
                            CreateDemo(Demo);

                        }
                        else
                        {
                            if (Demo.EntityState == EntityState.Detached)
                            {

                                DB.AttachTo("DBEntities.Dempographics", Demo);
                            }
                            DB.ObjectStateManager.ChangeObjectState(Demo, EntityState.Modified);
                            DB.SaveChanges();
                        }

                    }
                }
                catch (Exception ex)
                {
                    throw;
                }
            }
        }

    }

3 个答案:

答案 0 :(得分:1)

您应该使用它来获取服务器控件的客户端ID

var txtDeathDate = "<%= txtDeathDate.ClientID %>";

//in your actual code should be
$("<%= txtDeathDate.ClientID %>").val("");

同样在你的代码隐藏中试试这个

 if (String.IsNullOrEmpty(txtDeathDate.Text) && DatePattern.IsMatch(txtDeathDate.Text))
 {

    Demo.DeathDate = txtDeathDate.Text;
    Demo.RealDeathDate = Convert.ToByte("1");
 }

最后,设置一个断点并调试代码并查看文本框和变量的值。希望这有帮助!

答案 1 :(得分:0)

  1. textbox.Text来自代码后面总是有一个值(String.Empty),即使是空的。它不会为空
  2. 你不能通过ID来引用,因为runat = server会改变值。你需要做像YOURTEXTBOX.ClientID这样的事情,如$(“#&lt;%= YOURTEXTBOX.ClientID%&gt;”)
  3. 编辑以显示如何参考的实际代码。通过ClientID

答案 2 :(得分:0)

试试这个,用以下代码替换你的代码......

$("#" + "<%=txtbox.CliendID%>").val("");

这将是有效的....