Our veteran DevOps Author takes you through how to build a multi-container environment, managed with a single utility in order to simplify your deployments.
Solved
NaN Error in Subtotal Field
Posted on 2010-09-05
Hi everyone,
I'm writing because I've been working to code a fairly simple order form and while I've pretty much gotten everything down, I'm having an issue with getting NaN errors if the discount field on the form does not contain a value.
For example, the form starts out with 0 in the field, and if a user changes the value, the amount is deducted from the total, however if a user erases the 0 or value and leaves the field blank, the subtotal column will display an NaN error.
I've tried sorting through the code and putting in code to treat the discount field as 0 if it is NaN however no matter what I try I haven't been able to solve the issue.
I've attached the code, however it is fairly lengthy mainly due to the fact that the item listings are repeated ten times. The main code to focus on is really at the top near the head (in the script field) and probably the lines after the last item listing where you see Sales Tax and such.
Also, the current version of the form is at: http://intensivejournal.org/info/buyItems.php
Thanks very much in advance for any assistance.
buyItems.php
I'm writing because I've been working to code a fairly simple order form and while I've pretty much gotten everything down, I'm having an issue with getting NaN errors if the discount field on the form does not contain a value.
For example, the form starts out with 0 in the field, and if a user changes the value, the amount is deducted from the total, however if a user erases the 0 or value and leaves the field blank, the subtotal column will display an NaN error.
I've tried sorting through the code and putting in code to treat the discount field as 0 if it is NaN however no matter what I try I haven't been able to solve the issue.
I've attached the code, however it is fairly lengthy mainly due to the fact that the item listings are repeated ten times. The main code to focus on is really at the top near the head (in the script field) and probably the lines after the last item listing where you see Sales Tax and such.
Also, the current version of the form is at: http://intensivejournal.org/info/buyItems.php
Thanks very much in advance for any assistance.
buyItems.php
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
6
4
3- +1
14 Comments
When I tried the online form you gave, its error occurring on Shipping and Additional Shipping fields when the 0 is deleted, the NaN error occurs. Basically check for NaN and empty string for all such fields, and you get the results.
Have a look at:
http://www.webdeveloper.com/forum/showthread.php?t=27169
Thanks.
Have a look at:
http://www.webdeveloper.com/forum/showthread.php?t=27169
Thanks.
sorry i havent had time to look into this one in depth but you could try using parseInt(var) on your discount variable or textbox value ie
var newvar = parseInt(document.getEleme
or
nevar = parseInt(oldvar)
i am sure your get the idea, hope this helps
var newvar = parseInt(document.getEleme
or
nevar = parseInt(oldvar)
i am sure your get the idea, hope this helps
Active 2 days ago
var subTotalOne = document.scriptForm.subTot
var shipping = document.scriptForm.shippi
var addShipping = document.scriptForm.addShi
subTotalOne = isNaN(subTotalOne)?0:parse
shipping = ...
addShipping = ...
var subTotalTwo = subTotalOne - discountTemp + shipping + addShipping;
var shipping = document.scriptForm.shippi
var addShipping = document.scriptForm.addShi
subTotalOne = isNaN(subTotalOne)?0:parse
shipping = ...
addShipping = ...
var subTotalTwo = subTotalOne - discountTemp + shipping + addShipping;
i just noticed something
should this
function discountErr()
{
var discountTemp = "0";
be this
function discountErr()
{
var discountTemp = 0;
i allways thought if you use double quotes when defining a variable you define it as a string if you don't then it's defined as a number so when trying to calculate it is subtracting a string not a number hence the error.
worth a try
should this
function discountErr()
{
var discountTemp = "0";
be this
function discountErr()
{
var discountTemp = 0;
i allways thought if you use double quotes when defining a variable you define it as a string if you don't then it's defined as a number so when trying to calculate it is subtracting a string not a number hence the error.
worth a try
Hi Everyone,
Thanks very much for the input. I tried some of the solutions and they seem to be working however I'm having an issue where if a user fills in rows 1, 2, 3... etc, in order you'll get a valid total, however if a user were to skip rows around, then you get a totally different figure.
I'm not sure if this is due to where I'm placing the tax function or how I'm converting to decimals, but if it's permissible to ask this in the thread, is there a more precise addition method I can use so that regardless of row order, you'll get the same calculations regardless?
Thanks again very much and apologies for the late reply. I've been having a very busy holiday week.
Thanks very much for the input. I tried some of the solutions and they seem to be working however I'm having an issue where if a user fills in rows 1, 2, 3... etc, in order you'll get a valid total, however if a user were to skip rows around, then you get a totally different figure.
I'm not sure if this is due to where I'm placing the tax function or how I'm converting to decimals, but if it's permissible to ask this in the thread, is there a more precise addition method I can use so that regardless of row order, you'll get the same calculations regardless?
Thanks again very much and apologies for the late reply. I've been having a very busy holiday week.
hi
i think this
<Input type=Text Name="quantity2" size = 2 onChange="document.scriptF
should be this
<Input type=Text Name="quantity2" size = 2 onChange="document.scriptF
i think this
<Input type=Text Name="quantity2" size = 2 onChange="document.scriptF
should be this
<Input type=Text Name="quantity2" size = 2 onChange="document.scriptF
Hi dolo,
Thanks for the info but I tried making the correction which can be seen on the sites current form but I'm still experiencing the issue. I'll try to have a more in depth look myself tomorrow however any additional insights are welcome.
Thanks for the info but I tried making the correction which can be seen on the sites current form but I'm still experiencing the issue. I'll try to have a more in depth look myself tomorrow however any additional insights are welcome.
Hi Everyone,
I don't know why I didn't think of this earlier, but is there a snipplet of code I could use to require the user to enter the items in order rather than skip around, but also be able to fill in the discount field and such even if not all 10 item fields are filled in?
I don't know why I didn't think of this earlier, but is there a snipplet of code I could use to require the user to enter the items in order rather than skip around, but also be able to fill in the discount field and such even if not all 10 item fields are filled in?
Hi mplungjan,
Thanks very much for the info. Many apologies for the late reply, but things have been very hectic on my end. I'll try implementing that solution and post an update shortly or if something comes up, than at most by tomorrow afternoon
Thanks very much for the info. Many apologies for the late reply, but things have been very hectic on my end. I'll try implementing that solution and post an update shortly or if something comes up, than at most by tomorrow afternoon
I just had a look at the Taborder functionality but it appears to be limited to .net languatges. Is there anything that would work with Javascript?
Featured Post
Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.
One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
This article discusses how to implement server side field validation and display customized error messages to the client.
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
- Web Development
- Ransomware
- Cybersecurity
- Security
- Monitis
- Web Servers
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS. New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month5 days, 13 hours left to enroll
661 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.