Calculate sum of ASP:TextBox using JavaScript on "onkeyup" Event

Question

4.00/5 (1 vote)

See more:

Appriciate if anyone can solve my below query:
I tried this Javascript code but it say object required on calling the script method "calc":confused:.But object is exist there.

<asp:textbox id="txtAmount4" xmlns:asp="#unknown">onkeyup="calc() :( ;"
runat="server" Width="56px" Height="13px">
____________________________________________________________________

void function calc(dat){
var a1,a2,a3,a4,a5,total,pp;

//It gives error while taking the value of "txtAmount1" in a1 variable.
//same for a1,a2,a3,a4,a5

a1=document.getElementById(<%='txtAmount1'%>).value;
a2=document.getElementById(<%='txtAmount2'%>).value;
a3=document.getElementById(<%='txtAmount3'%>).value;
a4=document.getElementById(<%='txtAmount4'%>).value;
a5=document.getElementById(<%='txtAmount5'%>).value;

total=parseInt(a1)+parseInt(a2)+parseInt(a3)+parseInt(a4)+parseInt(a5);

document.getElementById(<%='txtPaymentAmount'%>).value=total;

}

Thanx
Shahnawaz

Posted 18-May-10 19:56pm

shanawazway

Updated 18-May-10 20:02pm

v3

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ahmed whba · Answer 1 · 2010-05-18T20:21:00

Solution 1

First of all o this

<asp:textbox id="txtAmount4" xmlns:asp="#unknown" onkeyup="calc() ;"
runat="server" Width="56px" Height="13px">

then replace every line of

a1=document.getElementById(<%='txtAmount1'%>).value;<br />

with

a1=document.getElementById("<=txtAmount1.ClientID>").value;<br />

enjoy it

Posted 18-May-10 20:21pm

ahmed whba

Comments

shanawazway 19-May-10 4:07am

I tried this , it is OK with normal page, but when I tried in child master page, it is not detecting the TEXT control.
It is saying Object required. It means it is not finding any Text control.
What could be the problem?

Please help me once again
Thanx

Nikunj Pandav 20-Jul-16 5:16am

<asp:textbox id="txtAmount4" xmlns:asp="#unknown" onkeyup="calc() ;"
runat="server" Width="56px" Height="13px">

then replace every line of
a1=document.getElementById(<%='txtAmount1'%>).value;

with
a1=document.getElementById("<=txtAmount1.ClientID>").value;

Nikunj Pandav 20-Jul-16 5:16am

<asp:textbox id="txtAmount4" xmlns:asp="#unknown" onkeyup="calc() ;"
runat="server" Width="56px" Height="13px">

then replace every line of
a1=document.getElementById(<%='txtAmount1'%>).value;

with
a1=document.getElementById("<=txtAmount1.ClientID>").value;

Gavs43 20-May-10 6:00am

Are you checking the source of the rendered page to make sure the two client id's match?

gujjula swathi · Answer 2 · 2010-05-18T20:41:00

Solution 2

Hi,

U r getting error bcoz, u r not properly capturing the textbox id using getElementByID.
So try this.........

var myTextField = document.getElementById('txtAmount1');
alert(myTextField.value);

and u r not passing any parameter from calling function, as u declread a parameter in calc function in javascript. just check it.

hope u solve the problem......

Posted 18-May-10 20:41pm

gujjula swathi

Comments

shanawazway 19-May-10 4:11am

dear swati,
below statement is not working in child master page.
What could be the reason and the solution.

var myTextField = document.getElementById('txtAmount1');

Thanx
Shahnawaz

Member 3979606 · Answer 3 · 2010-05-19T20:21:00

Solution 3

Your syntax for code is wrong.

In place of this

a1=document.getElementById(<%='txtAmount1'%>).value;

use following code

a1=document.getElementById("<%=txtAmount1.ClientId%>").value;

Posted 19-May-10 20:21pm

Member 3979606

Updated 19-May-10 20:23pm

v2

Comments

Sandeep Mewara 20-May-10 2:25am

Reason for my vote of 1
It's the same as answer1.

Gavs43 20-May-10 5:56am

it's not the same as answer 1, the syntax is correct on this one, look out for missing %'s on answer1

Nikunj Pandav 20-Jul-16 5:19am

ohhhhh tnx mitrooo
Moz aavi gai hooo Ha Ha Ha