javascript - Form doesnot post data edited from jQuery -


i'm having simple app includes form , 2 buttons.'

description

when user clicks first button site checks if has discount coupon , if has calculates discount ammount based on coupon. thats pretty simple. if user doesn't enter code the precess continues normaly.

the problem

with data i'm posting i'm posting coupon field. if user has entered valid coupon disable coupon input jquery , withit disable ammount field. causes problem makes fields edited jquery "unpostable".

for example if dont enter coupon code field stays unlocked , jquery never edits it.

the code

<form class="form-horizontal row-fluid" action="<?= base_url() . 'transactions/new' ?>" method="post" id="form" name="form">                    <div class="control-group">                     <div class="alert js_hidden" id="psc_val_warning">                         Παρακαλούμε εισάγεται το ποσό που αντιστοιχεί στα pins                     </div>                     <label class="control-label" for="basicinput">Συνολικό ποσό</label>                     <div class="controls">                         <div class="input-append">                             <input type="number" name="psc_val" class="span8" id="psc_val" required><span class="add-on">&euro;</span>                         </div>                     </div>                 </div>                    <div class="control-group">                     <div class="alert alert-error js_hidden" id="coupon_error">                         Το κουπόνι δεν είναι έγκυρο!                     </div>                     <div class="alert alert-success js_hidden" id="coupon_success">                         Το κουπόνι εξαργυρώθηκε με επιτυχία!                     </div>                     <label class="control-label" for="basicinput">Κουπόνι</label>                     <div class="controls">                         <div class="input-prepend">                             <span class="add-on">#</span><input class="span8" id="coupon_code" type="text" name="coupon_code" maxlength="11">                                </div>                     </div>                 </div>                  <hr>                  <div class="control-group">                     <label class="control-label" for="basicinput">Σημειώσεις</label>                     <div class="controls">                         <textarea class="span8" rows="5" name="notes"></textarea>                     </div>                 </div>                  <hr>                 <center>                         <button class="btn btn-large btn-success js_hidden" id="proceed_btn" onclick="submit_form()">proceed</button>                 </center>             </form>             <center>                 <a class="btn btn-large btn-info" onclick="validate()" id="check_btn">check</a>             </center> 

the js part

function display_proceed_btn() {  $("#psc_val").prop('disabled', true); $('#check_btn').fadeout( "slow", function() {     $('#proceed_btn').fadein( "slow", function() {      }); });  }  function submit_form() {    $('#form ').submit(); } 

there other part takes coupon , uses api see discount value pretty same thing $("#coupon_code").prop('disabled', true);

add coupon code hidden field once disable input field. remember recalculate final amount on server , not trusting user editable field ;-)


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -