ASP.NET

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

Please support our ASP.NET advertiser: Intel Parallel Studio Home

Thread Solved

•

Join Date: Aug 2007

Posts: 57

Reputation: culebrin is an unknown quantity at this point

Solved Threads: 1

culebrin

Offline

Junior Poster in Training

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

Aug 6th, 2009

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

 Help with Code Tags 
 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:

Help with Code Tags

(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

•

Join Date: Jan 2006

Posts: 22

Reputation: ema005 is an unknown quantity at this point

Solved Threads: 4

ema005

Offline

Newbie Poster

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

Aug 7th, 2009

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.

Emmanuel Balogun
Senior .Net Developer
Precise Financial Systems
Lagos-Nigeria.

•

Join Date: Jul 2007

Posts: 15

Reputation: ebookfinder is an unknown quantity at this point

Solved Threads: 1

ebookfinder ebookfinder is offline

Offline

Newbie Poster

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

Aug 9th, 2009

It can be done,

Please use this form,

 Help with Code Tags 
 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,

 Help with Code Tags 
 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.

•

Join Date: Aug 2007

Posts: 57

Reputation: culebrin is an unknown quantity at this point

Solved Threads: 1

culebrin

Offline

Junior Poster in Training

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

Aug 10th, 2009

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

•

Originally Posted by ebookfinder

It can be done,

Please use this form,
Help with Code Tags

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,
Help with Code Tags

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.