Validating number using javascript

Question

I have a 3 textboxes on a page quantity, price and total . When the quantity and price are entered by the user the total is being calculated directly by using javascript. Below is the code:

   function quantity(textvalue) {
    var qty = textvalue.value;
    var price = document.getElementById('<%=Price.ClientID %>').value;
    var Total = Math.round(qty * price * 100) / 100;

    document.getElementById('<%=Total.ClientID %>').value = Total;

}

   function Price(textvalue) {
    var price = textvalue.value;
    var qty = document.getElementById('<%=Quantity.ClientID %>').value;
    var Total = Math.round(qty * price * 100) / 100;

    document.getElementById('<%=Total.ClientID %>').value = Total;

}

 <asp:TextBox ID="Quantity" runat="server" onchange="javascript: quantity(this);" CausesValidation="True"></asp:TextBox>
      <asp:TextBox ID="Price" runat="server" onchange="javascript: Price(this);"  ></asp:TextBox>
        <asp:TextBox ID="txtLineItemTotal" runat="server" Width="120px" MaxLength="14" ReadOnly="true"  
        BackColor="Silver" BorderWidth="2px" style="font-weight: 700">0.00</asp:TextBox>

I also need to validate the value calculated in the total textbox and it should not exceed 100000000000.00.

I am using the below function to achieve this

function TotalChanged() {
    var lineitemtotal = document.getElementById('<%=Total.ClientID %>').value;
    alert("entered function");
    if (lineitemtotal >= 100000000000.00) {
        alert("Total cannot exceed 100000000000.00,please re-enter");
    }
    else
        return false;
    }

And on Page Load

 Total.Attributes.Add("onchange", "{return TotalChanged()};");

But it is not entering the function, please let me know what am I missing...or if I am using the wrong event...trying it for the past 1 day....:(

Simon Halsey · Accepted Answer · 2011-08-07 22:00:34Z

2

You shouldn't need the javascript: in the onchange.

<asp:TextBox ID="Quantity" runat="server" onchange="javascript: quantity(this);" CausesValidation="True"></asp:TextBox>

will render to

<input type="text" id="Quality" name="Quality" onchange="javascript: quantity(this);"/>

Simon

answered Aug 7, 2011 at 22:00

Simon Halsey

5,4941 gold badge23 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brian · Accepted Answer · 2011-08-07 19:16:08Z

0

For starters, if you're using ASP.NET 4.0, you'll want to use ScriptManager or ClientScriptManager's .RegisterExpandoAttribute method as demonstrated below using ClientScriptManager:

Page.ClientScript.RegisterExpandoAttribute(controlId, attributeName, attributeValue, false);

The final boolean argument is for the "encode" parameter. You must set this to false. As a surprise new feature in ASP.NET 4, all of your attribute values are HTML Encoded. Great for security, but really bad for event handlers / scripts emitted from the server side.

UPDATE:

In your specific case, the RegisterExpandoAttribute would be implemented as:

Page.ClientScript.RegisterExpandoAttribute(Total.UniqueID, "onchange", "return TotalChanged();", false);

Note the absence of the curly brackets encapsulating my handler. Those curly brackets might be causing your problem if you're not on ASP.NET 4 but your method still isn't being called. You're effectively wrapping your event handler in an object literal.

Good luck. If this doesn't fix your problem provide some more info and I'll try to offer other ideas.

B

edited Aug 7, 2011 at 19:16

answered Aug 7, 2011 at 19:09

Brian

2,78116 silver badges12 bronze badges

2 Comments

Janet Over a year ago

Thanks for your input. But I now need to verify the total value on the server side ... tot = Isempty(Total.Text); qty = Isempty(Quantity.Text); price = Isempty(Price.Text); I get the values of price and quantity on the server side but the value of total is always empty....any thoughts

Brian Over a year ago

Try removing ReadOnly=true from your line item total textbox. This may be preventing .NET from submitting the field value. If that works, use another method (client side) for setting the field to readonly.

Collectives™ on Stack Overflow

Validating number using javascript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related