Ad:

ASP.NET Discussion Thread
Marked Solved
Views: 6428

Aug 6th, 2009

TextBox.Text changed with js don't keep value on postback

Expand Post »

Hi,

I have a website on NET 2.0, there I have a textbox and after I change the text on it with a js function, try to save on the DB (I have to click on a imagebutton to save it), but on the postback the textbox.text property has the previous value.

I need some guidance on how to resolve this.

Here's my code:

JS inserted with a RegisterClientScriptBlock method: <-- This works fine

ASP.NET Syntax (Toggle Plain Text)
<script type="text/JavaScript"> 
function Calcular() {
if (!(isNaN(parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagSaldoPrevioPago').value)) && isNaN(parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagPagoActual').value)))) {
document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcSaldoPostPago').value = parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagSaldoPrevioPago').value) - parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagPagoActual').value);
} else {
document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcSaldoPostPago').value = '0.0';}
}
function ActualizaMonto() {
if (!(isNaN(parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagSaldoPrevioPago').value)) && isNaN(parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagPagoActual').value)))) {
document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagSaldoPrevioPago').value = parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagMontoTotal').value);
} else {
document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagMontoTotal').value = '0.0';}
}
</script>
<script type="text/JavaScript"> 
function Calcular() {
if (!(isNaN(parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagSaldoPrevioPago').value)) && isNaN(parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagPagoActual').value)))) {
document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcSaldoPostPago').value = parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagSaldoPrevioPago').value) - parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagPagoActual').value);
} else {
document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcSaldoPostPago').value = '0.0';}
}
function ActualizaMonto() {
if (!(isNaN(parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagSaldoPrevioPago').value)) && isNaN(parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagPagoActual').value)))) {
document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagSaldoPrevioPago').value = parseFloat(document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagMontoTotal').value);
} else {
document.getElementById('ctl00_cphVentanillaAtencionMaster_txtdcPagMontoTotal').value = '0.0';}
}
</script>

on PostBack I try to do this:

(Toggle Plain Text)

oPagosBE.btPagActivo = True

oPagosBE.dcPagMontoTotal = Me.txtdcPagMontoTotal.Text
oPagosBE.dcPagPagoActual = Me.txtdcPagPagoActual.Text
oPagosBE.dcPagSaldoPrevioPago = Me.txtdcPagSaldoPrevioPago.Text   <--- THIS VALUE POSTBACKS WITH THE INITIAL VALUE (BEFORE JS)
oPagosBE.dtPagFechaRegistro = IIf(IsDate(Me.txtdtPagFechaRegistro.Text.Trim), Me.txtdtPagFechaRegistro.Text.Trim, #1/1/1900#)
oPagosBE.vcPagUsuarioRegistrante = Session.Item("vcUsuCodigo")
          
bExito = bPagosBL.Insertar(oPagosBE)

Thanks

Similar Threads

text box input in C#
Add value to textbox at runtime in C#
c# Changing Textbox.Text from different class in C#
textbox text validation in C#
Replicating Screen textbox.text to defined printed area in VB.NET

culebrin

Reputation Points: 10

Solved Threads: 1

Junior Poster in Training

Offline

62 posts
since Aug 2007

Permalink

Aug 7th, 2009

Re: TextBox.Text changed with js don't keep value on postback

I once had a similar challenge. The TextBox is not aware of the change you made because it is a server control and the change was not made on the server but on the client side.I Corrected the situation by changing my control to an html control. I hope this help.

ema005

Reputation Points: 10

Solved Threads: 4

Newbie Poster

Offline

24 posts
since Jan 2006

Permalink

Aug 9th, 2009

Re: TextBox.Text changed with js don't keep value on postback

It can be done,

Please use this form,

ASP.NET Syntax (Toggle Plain Text)
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
<script type="text/javascript">
function setval() {
    themsg = document.getElementById("<%=txtMessage.ClientID%>");
    themsg.value="Hello World!";
}
</script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="txtMessage" runat="server" Text=""></asp:TextBox>
        <asp:Button ID="btnSeeMessage" runat="server" Text="see" onclick="SeeMessage" />
    </form>
    <input id="cID" onclick="setval();" type="button" value="Set from client" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
<script type="text/javascript">
function setval() {
    themsg = document.getElementById("<%=txtMessage.ClientID%>");
    themsg.value="Hello World!";
}
</script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="txtMessage" runat="server" Text=""></asp:TextBox>
        <asp:Button ID="btnSeeMessage" runat="server" Text="see" onclick="SeeMessage" />
    </form>
    <input id="cID" onclick="setval();" type="button" value="Set from client" />
</body>
</html>

From server side,

ASP.NET Syntax (Toggle Plain Text)
    protected void SeeMessage(object sender, EventArgs e)
    {
        Response.Write(txtMessage.Text);
    }
    protected void SeeMessage(object sender, EventArgs e)
    {
        Response.Write(txtMessage.Text);
    }

Please use <%=ServerControlName.ClientID%> everytime you wanna access a server control from client side.

Last edited by ebookfinder; Aug 9th, 2009 at 3:07 pm.

ebookfinder

Reputation Points: 10

Solved Threads: 2

Newbie Poster

Offline

19 posts
since Jul 2007

Permalink

Aug 10th, 2009

Re: TextBox.Text changed with js don't keep value on postback

I used the "Control.ClientID" to reference my control, but no luck...

and I can't use a client side control, because I need to access it in the server also...

I gave up, I know there's a solution out there, but I have no time... I'm on a schedule... Thanks a lot!! to all of you... !!

Click to Expand / Collapse Quote originally posted by ebookfinder ...

It can be done,

Please use this form,
ASP.NET Syntax (Toggle Plain Text)
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
<script type="text/javascript">
function setval() {
    themsg = document.getElementById("<%=txtMessage.ClientID%>");
    themsg.value="Hello World!";
}
</script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="txtMessage" runat="server" Text=""></asp:TextBox>
        <asp:Button ID="btnSeeMessage" runat="server" Text="see" onclick="SeeMessage" />
    </form>
    <input id="cID" onclick="setval();" type="button" value="Set from client" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> <script type="text/javascript"> function setval() { themsg = document.getElementById("<%=txtMessage.ClientID%>"); themsg.value="Hello World!"; } </script> </head> <body> <form id="form1" runat="server"> <asp:TextBox ID="txtMessage" runat="server" Text=""></asp:TextBox> <asp:Button ID="btnSeeMessage" runat="server" Text="see" onclick="SeeMessage" /> </form> <input id="cID" onclick="setval();" type="button" value="Set from client" /> </body> </html>
From server side,
ASP.NET Syntax (Toggle Plain Text)
    protected void SeeMessage(object sender, EventArgs e)
    {
        Response.Write(txtMessage.Text);
    }
protected void SeeMessage(object sender, EventArgs e) { Response.Write(txtMessage.Text); }
Please use <%=ServerControlName.ClientID%> everytime you wanna access a server control from client side.

culebrin

Reputation Points: 10

Solved Threads: 1

Junior Poster in Training

Offline

62 posts
since Aug 2007

Permalink

Jun 9th, 2010

Re: TextBox.Text changed with js don't keep value on postback

Anyone with a solution? Working on this for 3 days and dont know what to do.

aliensXY

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

11 posts
since Jul 2009

Permalink

Jun 11th, 2010

Re: TextBox.Text changed with js don't keep value on postback

Are you setting the initial value of the textbox during the page load?

mikev2

Reputation Points: 12

Solved Threads: 6

Newbie Poster

Offline

20 posts
since Oct 2009

Permalink

Jun 12th, 2010

Re: TextBox.Text changed with js don't keep value on postback

Textbox is a server control,it loses value changed from javascript on postback.if u want to save the value,u can use hidden control which you can access in both client as well as server side.Please mark as answer if this works.

Last edited by ja3_bhende; Jun 12th, 2010 at 7:38 am.

ja3_bhende

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

6 posts
since Feb 2010

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in ASP.NET Forum Timeline: Delay Download Function Call

Next Thread in ASP.NET Forum Timeline: aspx page won't start in web site solution in VS2008

DaniWeb Message

Cancel Changes

User Name
Password