jQuery(document).ready(function($) { var updateTimer; var dirtyInput = false; var xhr; function update_checkout() { if (xhr) xhr.abort(); if ( $('select#shipping_method').size() > 0 ) var method = $('select#shipping_method').val(); else var method = $('input[name=shipping_method]:checked').val(); var payment_method = $('#order_review input[name=payment_method]:checked').val(); var country = $('#billing_country').val(); var state = $('#billing_state').val(); var postcode = $('input#billing_postcode').val(); var city = $('input#billing_city').val(); var address = $('input#billing_address_1').val(); var address_2 = $('input#billing_address_2').val(); if ( $('#shiptobilling input').is(':checked') || $('#shiptobilling input').size() == 0 ) { var s_country = country; var s_state = state; var s_postcode = postcode; var s_city = city; var s_address = address; var s_address_2 = address_2; } else { var s_country = $('#shipping_country').val(); var s_state = $('#shipping_state').val(); var s_postcode = $('input#shipping_postcode').val(); var s_city = $('input#shipping_city').val(); var s_address = $('input#shipping_address_1').val(); var s_address_2 = $('input#shipping_address_2').val(); } $('#order_methods, #order_review').block({message: null, overlayCSS: {background: '#fff url(' + woocommerce_params.ajax_loader_url + ') no-repeat center', backgroundSize: '16px 16px', opacity: 0.6}}); var data = { action: 'woocommerce_update_order_review', security: woocommerce_params.update_order_review_nonce, shipping_method: method, payment_method: payment_method, country: country, state: state, postcode: postcode, city: city, address: address, address_2: address_2, s_country: s_country, s_state: s_state, s_postcode: s_postcode, s_city: s_city, s_address: s_address, s_address_2: s_address_2, post_data: $('form.checkout').serialize() }; xhr = $.ajax({ type: 'POST', url: woocommerce_params.ajax_url, data: data, success: function( response ) { if ( response ) { var order_output = $(response); $('#order_review').html(order_output.html()); $('body').trigger('updated_checkout'); } } }); } // Event for updating the checkout $('body').bind('update_checkout', function() { clearTimeout(updateTimer); update_checkout(); }); $('p.password, form.login, .checkout_coupon, div.shipping_address').hide(); $('input.show_password').change(function(){ $('p.password').slideToggle(); }); $('a.showlogin').click(function(){ $('form.login').slideToggle(); return false; }); $('a.showcoupon').click(function(){ $('.checkout_coupon').slideToggle(); $('#coupon_code').focus(); return false; }); $('#shiptobilling input').change(function(){ $('div.shipping_address').hide(); if (!$(this).is(':checked')) { $('div.shipping_address').slideDown(); } }).change(); if ( woocommerce_params.option_guest_checkout == 'yes' ) { $('div.create-account').hide(); $('input#createaccount').change(function(){ $('div.create-account').hide(); if ($(this).is(':checked')) { $('div.create-account').slideDown(); } }).change(); } // Used for input change events below function input_changed() { var update_totals = true; if ( $(dirtyInput).size() ) { $required_siblings = $(dirtyInput).closest('.form-row').siblings('.address-field.validate-required'); if ( $required_siblings.size() ) { $required_siblings.each(function(){ if ( $(this).find('input.input-text').val() == '' || $(this).find('input.input-text').val() == 'undefined' ) { update_totals = false; } }); } } if ( update_totals ) { dirtyInput = false; $('body').trigger('update_checkout'); } } $('#order_review') /* Payment option selection */ .on( 'click', '.payment_methods input.input-radio', function() { if ( $('.payment_methods input.input-radio').length > 1 ) { $('div.payment_box').filter(':visible').slideUp(250); if ($(this).is(':checked')) { $('div.payment_box.' + $(this).attr('ID')).slideDown(250); } } else { $('div.payment_box').show(); } }) // Trigger initial click .find('input[name=payment_method]:checked').click(); $('form.checkout') /* Update totals/taxes/shipping */ // Inputs/selects which update totals instantly .on( 'change', 'select#shipping_method, input[name=shipping_method], #shiptobilling input, .update_totals_on_change select', function(){ clearTimeout( updateTimer ); dirtyInput = false; $('body').trigger('update_checkout'); }) // Address-fields which refresh totals when all required fields are filled .on( 'change', '.address-field input.input-text, .update_totals_on_change input.input-text', function() { if ( dirtyInput ) { input_changed(); } }) .on( 'change', '.address-field select', function() { dirtyInput = this; input_changed(); }) .on( 'keydown', '.address-field input.input-text, .update_totals_on_change input.input-text', function( e ){ var code = e.keyCode || e.which; if ( code == '9' ) return; dirtyInput = this; clearTimeout( updateTimer ); updateTimer = setTimeout( input_changed, '1000' ); }) /* Inline validation */ .on( 'blur change', '.input-text, select', function() { var $this = $(this); var $parent = $this.closest('.form-row'); var validated = true; if ( $parent.is( '.validate-required' ) ) { if ( $this.val() == '' ) { $parent.removeClass( 'woocommerce-validated' ).addClass( 'woocommerce-invalid woocommerce-invalid-required-field' ); validated = false; } } if ( $parent.is( '.validate-email' ) ) { if ( $this.val() ) { /* http://stackoverflow.com/questions/2855865/jquery-validate-e-mail-address-regex */ var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i); if ( ! pattern.test( $this.val() ) ) { $parent.removeClass( 'woocommerce-validated' ).addClass( 'woocommerce-invalid woocommerce-invalid-email' ); validated = false; } } } if ( validated ) { $parent.removeClass( 'woocommerce-invalid woocommerce-invalid-required-field' ).addClass( 'woocommerce-validated' ); } } ) /* AJAX Form Submission */ .submit( function() { clearTimeout( updateTimer ); var $form = $(this); if ( $form.is('.processing') ) return false; // Trigger a handler to let gateways manipulate the checkout if needed if ( $form.triggerHandler('checkout_place_order') !== false && $form.triggerHandler('checkout_place_order_' + $('#order_review input[name=payment_method]:checked').val() ) !== false ) { $form.addClass('processing'); var form_data = $form.data(); if ( form_data["blockUI.isBlocked"] != 1 ) $form.block({message: null, overlayCSS: {background: '#fff url(' + woocommerce_params.ajax_loader_url + ') no-repeat center', backgroundSize: '16px 16px', opacity: 0.6}}); $.ajax({ type: 'POST', url: woocommerce_params.checkout_url, data: $form.serialize(), success: function( code ) { try { // Get the valid JSON only from the returned string if ( code.indexOf("") >= 0 ) code = code.split("")[1]; // Strip off before after WC_START if ( code.indexOf("") >= 0 ) code = code.split("")[0]; // Strip off anything after WC_END // Parse var result = $.parseJSON( code ); if (result.result=='success') { window.location = decodeURI(result.redirect); } else if (result.result=='failure') { $('.woocommerce-error, .woocommerce-message').remove(); $form.prepend( result.messages ); $form.removeClass('processing').unblock(); $form.find( '.input-text, select' ).blur(); if (result.refresh=='true') $('body').trigger('update_checkout'); $('html, body').animate({ scrollTop: ($('form.checkout').offset().top - 100) }, 1000); } else { throw "Invalid response"; } } catch(err) { $('.woocommerce-error, .woocommerce-message').remove(); $form.prepend( code ); $form.removeClass('processing').unblock(); $form.find( '.input-text, select' ).blur(); $('html, body').animate({ scrollTop: ($('form.checkout').offset().top - 100) }, 1000); } }, dataType: "html" }); } return false; }); /* AJAX Coupon Form Submission */ $('form.checkout_coupon').submit( function() { var $form = $(this); if ( $form.is('.processing') ) return false; $form.addClass('processing').block({message: null, overlayCSS: {background: '#fff url(' + woocommerce_params.ajax_loader_url + ') no-repeat center', backgroundSize: '16px 16px', opacity: 0.6}}); var data = { action: 'woocommerce_apply_coupon', security: woocommerce_params.apply_coupon_nonce, coupon_code: $form.find('input[name=coupon_code]').val() }; $.ajax({ type: 'POST', url: woocommerce_params.ajax_url, data: data, success: function( code ) { $('.woocommerce-error, .woocommerce-message').remove(); $form.removeClass('processing').unblock(); if ( code ) { $form.before( code ); $form.slideUp(); $('body').trigger('update_checkout'); } }, dataType: "html" }); return false; }); /* Localisation */ var locale_json = woocommerce_params.locale.replace(/"/g, '"'); var locale = $.parseJSON( locale_json ); var required = ' *'; $('body') // Handle locale .bind('country_to_state_changing', function( event, country, wrapper ){ var thisform = wrapper; if ( locale[country] ) { var thislocale = locale[country]; } else { var thislocale = locale['default']; } // Handle locale fields var locale_fields = { 'address_1' : '#billing_address_1_field, #shipping_address_1_field', 'address_2' : '#billing_address_2_field, #shipping_address_2_field', 'state' : '#billing_state_field, #shipping_state_field', 'postcode' : '#billing_postcode_field, #shipping_postcode_field', 'city' : '#billing_city_field, #shipping_city_field' }; $.each( locale_fields, function( key, value ) { var field = thisform.find( value ); if ( thislocale[key] ) { if ( thislocale[key]['label'] ) { field.find('label').html( thislocale[key]['label'] ); } if ( thislocale[key]['placeholder'] ) { field.find('input').attr( 'placeholder', thislocale[key]['placeholder'] ); } field.find('label abbr').remove(); if ( typeof thislocale[key]['required'] == 'undefined' && locale['default'][key]['required'] == true ) { field.find('label').append( required ); } else if ( thislocale[key]['required'] == true ) { field.find('label').append( required ); } if ( key !== 'state' ) { if ( thislocale[key]['hidden'] == true ) { field.hide().find('input').val(''); } else { field.show(); } } } else if ( locale['default'][key] ) { if ( locale['default'][key]['required'] == true ) { if (field.find('label abbr').size()==0) field.find('label').append( required ); } if ( key !== 'state' && (typeof locale['default'][key]['hidden'] == 'undefined' || locale['default'][key]['hidden'] == false) ) { field.show(); } } }); var $postcodefield = thisform.find('#billing_postcode_field, #shipping_postcode_field'); var $cityfield = thisform.find('#billing_city_field, #shipping_city_field'); var $statefield = thisform.find('#billing_state_field, #shipping_state_field'); if ( ! $postcodefield.attr('data-o_class') ) { $postcodefield.attr('data-o_class', $postcodefield.attr('class')); $cityfield.attr('data-o_class', $cityfield.attr('class')); $statefield.attr('data-o_class', $statefield.attr('class')); } // Re-order postcode/city if ( thislocale['postcode_before_city'] ) { $postcodefield.add( $cityfield ).add( $statefield ).removeClass('form-row-first form-row-last').addClass('form-row-wide'); $postcodefield.insertBefore( $cityfield ); } else { // Default $postcodefield.attr('class', $postcodefield.attr('data-o_class')); $cityfield.attr('class', $cityfield.attr('data-o_class')); $statefield.attr('class', $statefield.attr('data-o_class')); $postcodefield.insertAfter( $statefield ); } }) // Init trigger .bind('init_checkout', function() { $('#billing_country, #shipping_country, .country_to_state').change(); $('body').trigger('update_checkout'); }); // Update on page load if ( woocommerce_params.is_checkout == 1 ) $('body').trigger('init_checkout'); });