Untitled

Form submit based on ajax response in jQuery

$('#submit_zipcode_frm').submit(function(event){

                    event.preventDefault();

                    var self = this;

                    $(".loader img").show();

                    z = $('#zipcode');

                    if(z.val() != '' && z.val().length == 5) {

                        var value = z.val().replace(/^ss*/, '').replace(/ss*$/, '');

                        var intRegex = /^d+$/;

                        if(!intRegex.test(value)) {

                            $(".loader img").hide();

                            error($(".zipcode_field"));

                            return false;

                        }

                    } else {

                        $(".loader img").hide();

                        error($(".zipcode_field"));

                        return false;

                    }

 

                    $.ajax({

                        url: "/ajax/save/zipcode",

                        type: 'GET',

                        async: false,

                        cache: false,

                        dataType: 'html',

                        data:   {zipcode: $('.zipcode_field').val()},

                        success: function(data) {

                                if(data == 'false'){

                                    $(".loader img").hide();

                                    error($(".zipcode_field"));

                                    return false;

                                }else{

                                    self.submit();

                                    getList();

                                }

                        }

                    });

            });

       

<form id="submit_zipcode_frm" class="submit_zipcode" method="post" action="/go" target="_blank">

                        <div class="zipcode_container">

                            <span class="loader">

                                <img src="/assets/img/loader.gif" style="display: none;"/>

                            </span>

                            <input type="text" class="zip_input zipcode_field ghost" id="zipcode" name="zipcode"  value="Enter your Zip"/>

                            <div class="start_btn">

                                <button type="submit">Submit</button>

                            </div>

                            <div class="clear"></div>

                        </div>

                        <div class="clear"></div>

                        </form>