Getting NaN Value in fields with Jquery Code

Question

I keep getting NaN Value in the the following fields:

grossAmount
netAmount
retainedAmount

Here is my Jquery Code:

var $form = $('form.{/literal}{$form.formClass}{literal}');

$('input:text', $form).click( function() {
  var grossProc = $('#custom_274_-1', $form).val(0.3);
  var netproc = $('#custom_275_-1', $form).val(0.5);
  var loanSize = $('#custom_228_-1', $form).val(10000);
  var grossAmount = console.log(parseFloat($('#custom_241_-1', $form).val(loanSize*grossProc)));
  var netAmount = $('#custom_240_-1', $form).val(loanSize*netproc);
  var totalamountretained = grossAmount - netAmount;
  var retainedAmount = $('#custom_239_-1', $form).val(totalamountretained);
  var totalAmount = $('#total_amount', $form).val(netAmount);

});

Thanks in advance

Add some basic debugging or step-through to see what your actual values are: console.log(grossProc, netProc, loadSize) — fdomn-m
– fdomn-m, Commented Nov 14, 2019 at 17:14
Hi Mate, i've got the debug in the console and when i look at Value it just shows Nan where can i see what its trying to parse — Moe
– Moe, Commented Nov 14, 2019 at 17:23

fdomn-m · Accepted Answer · 2019-11-14 17:16:58Z

2

.val(value) returns the jquery object(s) that it's applied to, for chaining, so:

var grossProc = $("#id").val(0.3);

is the same as

var grossProc = $("#id");
grossProc.val(0.3);

and you could do:

$("#id").val(0.3).hide();

You need to change this to:

var grossProc = $("#id").val(0.3).val();

answered Nov 14, 2019 at 17:16

fdomn-m

28.8k8 gold badges39 silver badges70 bronze badges

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

3 Comments

Moe Over a year ago

Hi mate thanks for your reply! i updated the question as i saw i wasnt clearly about what fields where coming up as Nan

fdomn-m Over a year ago

No, the variables loanSize and grossProc are jquery objects, not numbers because of how you are setting grossProc = $("#id"). So it's going wrong before you see it going wrong - ie you're looking in the wrong place. parseFloat($("#id") * $("#id") will clearly by NaN. Just add .val() after every .val(val) call and you'll be ok.

fdomn-m Over a year ago

No worries, glad you got it sorted. It's easy to look at where the error is occurring (parseFloat)

Sandeep Prasad Bhatt · Accepted Answer · 2019-11-14 17:21:55Z

0

I think your grossAmount value was "" and when you try to parseFloat(grossAmount) it returns NaN and other variables using grossAmount also returns NaN while doing any opterations.

answered Nov 14, 2019 at 17:21

Sandeep Prasad Bhatt

12 bronze badges

1 Comment

Sandeep Prasad Bhatt Over a year ago

use parsefloat only if value !=="" && !isNaN(value)

Kamlesh SG Bhurke · Accepted Answer · 2019-11-14 17:31:40Z

0

you are assigning object to the variable, it should be like this

var grossAmount = parseFloat(loanSize*grossProc);

$('#custom_241_-1', $form).val(grossAmount);

edited Nov 14, 2019 at 17:31

answered Nov 14, 2019 at 17:31

Kamlesh SG Bhurke

3092 silver badges6 bronze badges

3 Comments

fdomn-m Over a year ago

As per my answer, loanSize and grossProc are also objects, not numbers.

Kamlesh SG Bhurke Over a year ago

you are using parseFloat on object

Moe Over a year ago

Same issue i think the issue is that .val(0.3) is not setting the value as a integer maybe...

Collectives™ on Stack Overflow

Getting NaN Value in fields with Jquery Code

3 Answers 3

3 Comments

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related