Store final value after being changed jQuery
How do I store the final value of balance amount that is being input?
HTML
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
</div>
JS
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
$('#balance-amount-input').val(balance_amount_tmp);
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">not enough</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').html(offline_amount);
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
Please help me to solve this!
javascript jquery
add a comment |
How do I store the final value of balance amount that is being input?
HTML
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
</div>
JS
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
$('#balance-amount-input').val(balance_amount_tmp);
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">not enough</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').html(offline_amount);
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
Please help me to solve this!
javascript jquery
That depends entirely on where you want to store it.
– Rory McCrossan
Oct 29 '18 at 9:34
i wanted to store it in the input field as after that the final value will be needed to pass to back-end via AJAX
– unknown
Oct 29 '18 at 9:35
add a comment |
How do I store the final value of balance amount that is being input?
HTML
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
</div>
JS
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
$('#balance-amount-input').val(balance_amount_tmp);
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">not enough</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').html(offline_amount);
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
Please help me to solve this!
javascript jquery
How do I store the final value of balance amount that is being input?
HTML
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
</div>
JS
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
$('#balance-amount-input').val(balance_amount_tmp);
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">not enough</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').html(offline_amount);
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
Please help me to solve this!
javascript jquery
javascript jquery
edited Nov 15 '18 at 4:32
unknown
asked Oct 29 '18 at 9:33
unknownunknown
528
528
That depends entirely on where you want to store it.
– Rory McCrossan
Oct 29 '18 at 9:34
i wanted to store it in the input field as after that the final value will be needed to pass to back-end via AJAX
– unknown
Oct 29 '18 at 9:35
add a comment |
That depends entirely on where you want to store it.
– Rory McCrossan
Oct 29 '18 at 9:34
i wanted to store it in the input field as after that the final value will be needed to pass to back-end via AJAX
– unknown
Oct 29 '18 at 9:35
That depends entirely on where you want to store it.
– Rory McCrossan
Oct 29 '18 at 9:34
That depends entirely on where you want to store it.
– Rory McCrossan
Oct 29 '18 at 9:34
i wanted to store it in the input field as after that the final value will be needed to pass to back-end via AJAX
– unknown
Oct 29 '18 at 9:35
i wanted to store it in the input field as after that the final value will be needed to pass to back-end via AJAX
– unknown
Oct 29 '18 at 9:35
add a comment |
1 Answer
1
active
oldest
votes
You can add another hidden input field to pass additional information with the form, or store this information into a variable and add it to the ajax call directly. for example you can use this:
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
// $('#balance-amount-input').val(balance_amount_tmp); //PTK: you don't need this line
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">用户余额不足</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').val(offline_amount); //PTK: I changed here html to val
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
<input type="hidden" id="offline_amount" name="offline_amount" value="">
</div>
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53042483%2fstore-final-value-after-being-changed-jquery%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can add another hidden input field to pass additional information with the form, or store this information into a variable and add it to the ajax call directly. for example you can use this:
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
// $('#balance-amount-input').val(balance_amount_tmp); //PTK: you don't need this line
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">用户余额不足</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').val(offline_amount); //PTK: I changed here html to val
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
<input type="hidden" id="offline_amount" name="offline_amount" value="">
</div>
add a comment |
You can add another hidden input field to pass additional information with the form, or store this information into a variable and add it to the ajax call directly. for example you can use this:
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
// $('#balance-amount-input').val(balance_amount_tmp); //PTK: you don't need this line
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">用户余额不足</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').val(offline_amount); //PTK: I changed here html to val
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
<input type="hidden" id="offline_amount" name="offline_amount" value="">
</div>
add a comment |
You can add another hidden input field to pass additional information with the form, or store this information into a variable and add it to the ajax call directly. for example you can use this:
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
// $('#balance-amount-input').val(balance_amount_tmp); //PTK: you don't need this line
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">用户余额不足</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').val(offline_amount); //PTK: I changed here html to val
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
<input type="hidden" id="offline_amount" name="offline_amount" value="">
</div>
You can add another hidden input field to pass additional information with the form, or store this information into a variable and add it to the ajax call directly. for example you can use this:
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
// $('#balance-amount-input').val(balance_amount_tmp); //PTK: you don't need this line
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">用户余额不足</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').val(offline_amount); //PTK: I changed here html to val
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
<input type="hidden" id="offline_amount" name="offline_amount" value="">
</div>
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
// $('#balance-amount-input').val(balance_amount_tmp); //PTK: you don't need this line
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">用户余额不足</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').val(offline_amount); //PTK: I changed here html to val
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
<input type="hidden" id="offline_amount" name="offline_amount" value="">
</div>
$('body').on('input','#balance-amount-input', function()
$('.jconfirm #error-msg').hide();
var balance_amount_tmp=$(this).val();
// $('#balance-amount-input').val(balance_amount_tmp); //PTK: you don't need this line
if ((balance_amount_tmp-account_balance) > 0)
$('.jconfirm #error-msg').show();
$('.jconfirm #error-msg').html('<p class="alert alert-warning">用户余额不足</p>');
$('.jconfirm-buttons button.btn-success').attr('disabled', 'true');
return;
else
offline_amount = (total_amount - balance_amount_tmp).toFixed(2);
$('#offline_amount').val(offline_amount); //PTK: I changed here html to val
$('.jconfirm-buttons button.btn-success').removeAttr('disabled');
return;
);
<div id="balance_amount">
balance amount:
<input type="number" id="balance-amount-input" name="balance_amount" value='+balance_amount+'>
<input type="hidden" id="offline_amount" name="offline_amount" value="">
</div>
answered Oct 29 '18 at 9:45
PatiPati
44648
44648
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53042483%2fstore-final-value-after-being-changed-jquery%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
That depends entirely on where you want to store it.
– Rory McCrossan
Oct 29 '18 at 9:34
i wanted to store it in the input field as after that the final value will be needed to pass to back-end via AJAX
– unknown
Oct 29 '18 at 9:35