Bootstrap tabs not posting form values?

[shany0786]

I have a strange problem here is code snippet for form having bootstrap tab when after filling all form fields i submit the form no error or form fileds are posted,there is something wrong with my html however my validations and other backend code is working for other form but not for form having bootstrap tab...

   <div class="row">
                            <ul class="nav nav-pills">
                                <li class="active" id="libdet"><a data-toggle="tab" href="#bdetails">1. Service Basic details</a></li>
                                <li><a data-toggle="tab" href="#soptions">2. Service Options</a></li>
                                <li><a data-toggle="tab" href="#addInfor">3. Service Add. info</a></li>
                                <li><a data-toggle="tab" href="#addImgs">4. Images</a></li>
                                <li><a data-toggle="tab" href="#tandc">5. Terms &amp; Conditions</a></li>
                            </ul>
                        </div>

                          <form action="<?php echo base_url('AddServiceController/addServices') ?>" method="post" enctype="multipart/form-data" name="form" id="form">

                    <div class="tab-content">


                        <!--  first tab begins -->
                        <div id="bdetails" class="tab-pane fade in active">

                            <br>
                            <!--
                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <input class="btn btn-default" type="button" id="addService" name="addService" value="Add Service" onclick="addFields()">
                                    </div>
                                </div>
                            </div>
                            -->

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="productTitle">Service title<span class="red">*</span></label>
                                        <input type="text" class="form-control" id="productTitle" value="<?php echo set_value('productTitle');?>" name="productTitle" placeholder="Enter product detail" data-validation="productTitle" data-validation-help="Som help info...">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="serviceCat">Service category</label>

                                        <select name="serviceCat_id" id="serviceCat_id"  class="form-control">
                                            <option>Select</option>
                                            <option>Free Walking Tours</option>
                                            <option>Free Bike Tours</option>
                                            <option>Free Pub Crawls</option>
                                        </select>

                                    </div>
                                </div>
                            </div>



                            <div class="row">
                                <div class="col-xs-8">
                                    <div class="form-group">
                                        <label for="shortDesc">Short Description <span class="red">*</span></label>
                                         <textarea id="shortDesc"  class="form-control" value="<?php echo set_value('shortDesc');?>" name="shortDesc"></textarea></div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-8">
                                    <div class="form-group">
                                        <label for="longDesc">Long Description<span class="red">*</span></label>
                                         <textarea id="longDesc"  class="form-control" value="<?php echo set_value('longDesc');?>" name="longDesc"></textarea></div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-8">
                                    <div class="form-group">
                                        <label for="langOffer">Languages offered on Tour<span class="red">*</span></label>
                                        <textarea id="langOffer" class="form-control" value="<?php echo set_value('langOffer');?>" name="langOffer"></textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="prType">Pricing Type<span class="red">*</span></label>
                                        <div class="form-group">

                                            <label><input type="radio" name="prcradio" id="prcradio2" checked="checked" value="no" >Per person</label>
                                            <label><input type="radio" name="prcradio" id="prcradio1" value="yes" required>Per group</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                    <br>
                                        <label for="maxPer">Maximum people allowed per booking<span class="red">*</span></label>
                                         <input type="text" class="form-control" id="maxPer" value="<?php echo set_value('maxPer');?>" name="maxPer" placeholder="Enter number" data-validation="maxPer" data-validation-help="Some help info...">
                                    </div>
                                </div>
                            </div>

                            <div id="grpdetails" style="display: none;">
                            <div class="row">
                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <label for="ageGroup">Age group<span class="red">*</span></label>
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <label for="minAge">Min age<span class="red">*</span></label>
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <label for="maxAge">Max age<span class="red">*</span></label>
                                    </div>
                                </div>

                                <div class="col-xs-6">
                                    <div class="form-group">
                                    &nbsp;
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <label for="ageGroup">Adult<span class="red">*</span></label>
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="minAge" name="minAge" value="<?php echo set_value('minAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="maxAge" name="maxAge" value="<?php echo set_value('maxAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-6">
                                    <div class="form-group">
                                    &nbsp;
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <label for="ageGroup">Infant<span class="red">*</span></label>
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="minAge" name="minAge" value="<?php echo set_value('minAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="maxAge" name="maxAge" value="<?php echo set_value('maxAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-6">
                                    <div class="form-group">
                                    &nbsp;
                                    </div>
                                </div>

                            </div>


                            <div class="row">
                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <label for="ageGroup">Child<span class="red">*</span></label>
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="minAge" name="minAge" value="<?php echo set_value('minAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="maxAge" name="maxAge" value="<?php echo set_value('maxAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-6">
                                    <div class="form-group">
                                    &nbsp;
                                    </div>
                                </div>

                            </div>


                            <div class="row">
                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <label for="ageGroup">Youth<span class="red">*</span></label>
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="minAge" name="minAge" value="<?php echo set_value('minAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="maxAge" name="maxAge" value="<?php echo set_value('maxAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-6">
                                    <div class="form-group">
                                    &nbsp;
                                    </div>
                                </div>

                            </div>


                            <div class="row">
                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <label for="ageGroup">Senior<span class="red">*</span></label>
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="minAge" name="minAge" value="<?php echo set_value('minAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-2">
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="maxAge" name="maxAge" value="<?php echo set_value('maxAge');?>">
                                    </div>
                                </div>

                                <div class="col-xs-6">
                                    <div class="form-group">
                                    &nbsp;
                                    </div>
                                </div>

                                </div>

                            </div>


                            <div class="row">
                                <div class="col-xs-4">
                                    <a data-toggle="tab" href="#soptions"><button name="next" id="nextSB">NEXT</button></a>
                                </div>
                            </div>

                        </div>

Can.t see a submit button

[shany0786]

<!--  second tab begins -->
                        <div id="soptions" class="tab-pane fade">

                            <br>

                           <div class="form-group">

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="toptTitle">Tour option title <span class="red">*</span></label>
                                        <input type="text" class="form-control" id="optTitle" name="options[0].optTitle" value="<?php echo set_value('optTitle');?>" placeholder="Enter tour option title">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="toptDesc">Description <span class="red">*</span></label>
                                        <input type="text" class="form-control" id="optDesc" name="options[0].optDesc" value="<?php echo set_value('optDesc');?>" placeholder="Enter tour option description">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="depTime">Start / Departure time<span class="red">*</span></label>
                                        <input type="text" class="form-control" id="depTime" name="options[0].depTime" value="<?php echo set_value('depTime');?>" placeholder="Enter departure time">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="unavDates">Availability date(s)<span class="red">*</span></label>
                                    </div>
                                </div>
                            </div>

                            <div class="row">

                                    <div class="form-group">
                                        <div class="col-xs-3">
                                        <div class="input-group">
                                             <input type="text" class="form-control" id="fromDate" placeholder="from" name="options[0].fromDate">
                                             <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                        </div></div>
                                        <div class="col-xs-1">
                                         <div class="input-group">
                                        TO</div> </div>
                                        <div class="col-xs-3">
                                        <div class="input-group">
                                             <input type="text" class="form-control" id="toDate" placeholder="to" name="options[0].toDate">
                                             <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                        </div></div>
                                    </div>

                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                    <br>
                                        <label for="unavDates">Availability days<span class="red">*</span></label>

                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-1">
                                    <label for="unavDates">Mon</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Tue</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Wed</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Thu</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Fri</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Sat</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Sun</label>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="options[0].mon">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="options[0].tue">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="options[0].wed">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="options[0].thu">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="options[0].fri">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="options[0].sat">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="options[0].sun">
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <br>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">

                                        <label for="pricingSer">Enter Pricing <span class="red">*</span></label>



                                    </div>
                                </div>
                            </div>

                            <div class="row">

                                <div class="col-xs-5">

                                        <div class="form-group">

                                            <label>
                                                <input type="radio" id="pTour"  name="options[0].pTour">  &nbsp; This is a paid tour
                                            </label>
                                        </div>
                                        </div>
                                        </div>


                                        <br>
                                        <div class="row">
                                <div class="col-xs-5">
                                        <div class="form-group">
                                            <label>
                                                <input type="radio" id="fTour"  name="options[0].pTour"> &nbsp; This is a free tour
                                            </label>
                                        </div>
                                        </div>
                                        </div>
                                        <br>
                                        <div class="row">
                                <div class="col-xs-5">
                                        <div class="form-group">
                                            <label>
                                                <input type="radio" id="tipTour" name="options[0].pTour"> &nbsp; This is a free but tip/donation accepted based tour
                                            </label>
                                        </div>

                                    </div>
                                </div>


                            <br>
                                <div id="prcOptions" name="options[0].prcOptions" style="display: none;">
                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">


                                            <label>
                                                <input type="checkbox">
                                            </label>



                                        <label for="hours">Infant</label>

                                        <input type="text"  id="infInfant" value="<?php echo set_value('infInfant');?>" name="options[0].infInfant" data-validation="infInfant" data-validation-help="Some help info...">
                                </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">

                                            <label>
                                                <input type="checkbox">
                                            </label>


                                        <label for="hours">Child</label>

                                        <input type="text" id="infChild" value="<?php echo set_value('infChild');?>" name="options[0].infChild" data-validation="infChild" data-validation-help="Some help info...">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">

                                            <label>
                                                <input type="checkbox">
                                            </label>


                                        <label for="hours">Youth</label>

                                        <input type="text" id="infYouth" value="<?php echo set_value('infYouth');?>" name="options[0].infYouth" data-validation="infYouth" data-validation-help="Some help info...">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">

                                            <label>
                                                <input type="checkbox">
                                            </label>

                                        <label for="hours">Adult</label>

                                        <input type="text" id="infAdult" value="<?php echo set_value('infAdult');?>" name="options[0].infAdult" data-validation="infAdult" data-validation-help="Some help info...">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">

                                            <label>
                                                <input type="checkbox">
                                            </label>

                                        <label for="hours">Senior</label>

                                        <input type="text" id="infSenior" value="<?php echo set_value('infSenior');?>" name="options[0].infSenior" data-validation="infSenior" data-validation-help="Some help info...">
                                    </div>
                                </div>
                            </div>

                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <a data-toggle="tab" href="#addInfor"><button name="next" id="nextIE">NEXT</button></a>
                                </div>
                            </div>
                            <br>

                            <div class="row">

                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <input class="btn btn-default addButton" type="button" id="addSerOptions" name="addSerOptions" value="Add 1 more tour Option+">
                                    </div>
                                </div>
                            </div>

                            </div>


                        </div>

                    <!-- The template for adding new form fields -->
                         <div class="form-group hide" id="optTemplate">


                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="unavDates">Tour option title <span class="red">*</span></label>
                                        <input type="text" class="form-control" id="optTitle" name="optTitle" value="<?php echo set_value('optTitle');?>" placeholder="Enter tour option title">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="unavDates">Description <span class="red">*</span></label>
                                        <input type="text" class="form-control" id="optDesc" name="optDesc" value="<?php echo set_value('optDesc');?>" placeholder="Enter tour option description">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="unavDates">Start / Departure time<span class="red">*</span></label>
                                        <input type="text" class="form-control" id="depTime" name="depTime" value="<?php echo set_value('depTime');?>" placeholder="Enter departure time">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="unavDates">Availability date(s)<span class="red">*</span></label>
                                    </div>
                                </div>
                            </div>

                            <div class="row">

                                    <div class="form-group">
                                        <div class="col-xs-3">
                                        <div class="input-group">
                                             <input type="text" class="form-control" id="fromDate" placeholder="from" name="fromDate">
                                             <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                        </div></div>
                                        <div class="col-xs-1">
                                         <div class="input-group">
                                        TO</div> </div>
                                        <div class="col-xs-3">
                                        <div class="input-group">
                                             <input type="text" class="form-control" id="toDate" placeholder="to" name="toDate">
                                             <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                        </div></div>
                                    </div>

                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">
                                    <br>
                                        <label for="unavDates">Availability days<span class="red">*</span></label>

                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-1">
                                    <label for="unavDates">Mon</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Tue</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Wed</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Thu</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Fri</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Sat</label>
                                </div>
                                <div class="col-xs-1">
                                    <label for="unavDates">Sun</label>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="mon">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="tue">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="wed">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="thu">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="fri">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="sat">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-1">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="=sun">
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <br>

                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="form-group">

                                        <label for="pricingSer">Enter Pricing <span class="red">*</span></label>



                                    </div>
                                </div>
                            </div>

                            <div class="row">

                                <div class="col-xs-5">

                                        <div class="form-group">

                                            <label>
                                                <input type="radio" id="pTour"  name="pTour">  &nbsp; Is this a paid tour?
                                            </label>
                                        </div>
                                        </div>
                                        </div>


                                        <br>
                                        <div class="row">
                                <div class="col-xs-5">
                                        <div class="form-group">
                                            <label>
                                                <input type="radio" id="fTour"  name="pTour"> &nbsp; Is this a free tour?
                                            </label>
                                        </div>
                                        </div>
                                        </div>
                                        <br>
                                        <div class="row">
                                <div class="col-xs-5">
                                        <div class="form-group">
                                            <label>
                                                <input type="radio" id="tipTour" name="pTour"> &nbsp; Is this a free but tip/donation accepted based tour?
                                            </label>
                                        </div>

                                    </div>
                                </div>


                            <br>
                                <div id="prcOptions" style="display: none;">
                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">


                                            <label>
                                                <input type="checkbox">
                                            </label>



                                        <label for="hours">Infant</label>

                                        <input type="text"  id="infInfant" value="<?php echo set_value('infInfant');?>" name="infInfant" data-validation="infInfant" data-validation-help="Some help info...">
                                </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">

                                            <label>
                                                <input type="checkbox">
                                            </label>


                                        <label for="hours">Child</label>

                                        <input type="text" id="infChild" value="<?php echo set_value('infChild');?>" name="infChild" data-validation="infChild" data-validation-help="Some help info...">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">

                                            <label>
                                                <input type="checkbox">
                                            </label>


                                        <label for="hours">Youth</label>

                                        <input type="text" id="infYouth" value="<?php echo set_value('infYouth');?>" name="infYouth" data-validation="infYouth" data-validation-help="Some help info...">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">

                                            <label>
                                                <input type="checkbox">
                                            </label>

                                        <label for="hours">Adult</label>

                                        <input type="text" id="infAdult" value="<?php echo set_value('infAdult');?>" name="infAdult" data-validation="infAdult" data-validation-help="Some help info...">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="form-group">

                                            <label>
                                                <input type="checkbox">
                                            </label>

                                        <label for="hours">Senior</label>

                                        <input type="text" id="infSenior" value="<?php echo set_value('infSenior');?>" name="infSenior" data-validation="infSenior" data-validation-help="Some help info...">
                                    </div>
                                </div>
                            </div>

                            </div>

                            <div class="row">
                                <div class="col-xs-4">
                                    <a data-toggle="tab" href="#addInfor"><button name="next" id="nextIE">NEXT</button></a>
                                </div>
                            </div>
                            <br>


                         </div>

                    <!--  Third tab begins -->
                    <div id="addInfor" class="tab-pane fade">
                    <br>
                        <div class="row">
                             <div class="col-xs-8">
                                <div class="form-group">
                                    <label for="sIncl">Inclusions<span class="red">*</span></label>
                                    <textarea id="sIncl" class="form-control" value="<?php echo set_value('sIncl');?>" name="sIncl"></textarea>
                                 </div>
                            </div>
                        </div>

                        <div class="row">
                             <div class="col-xs-8">
                                <div class="form-group">
                                    <label for="sExcl">Exclusions<span class="red">*</span></label>
                                    <textarea id="sExcl" class="form-control" value="<?php echo set_value('sExcl');?>" name="sExcl"></textarea>
                                 </div>
                            </div>
                        </div>

                        <div class="row">
                             <div class="col-xs-4">
                                <div class="form-group">
                                    <label for="mbookHrs">Minimum booking hours in advance<span class="red">*</span></label>
                                    <input type="text" class="form-control" id="mbookHrs" name="mbookHrs" value="<?php echo set_value('mbookHrs');?>">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                             <div class="col-xs-8">
                                <div class="form-group">
                                    <label for="bookReq">Booking requirements<span class="red">*</span></label>
                                    <div class="radio">
                                        <label><input type="radio" name="breqradio" id="breqradio2" checked="checked" value="no" ><strong>Auto approved</strong> - This type of booking would be auto approved
                                         and would not require any confirmation from your end. This booking type assumes that reservation is fully made.</label>
                                        <br>
                                        <label><input type="radio" name="breqradio" id="breqradio1" value="yes" required><strong>Seek approval</strong> - This type of booking would require you to manually
                                         approve the booking in system within 48 hours else booking automatically stands cancelled.</label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-4">
                                <a data-toggle="tab" href="#addImgs"><button name="next" id="nextIMG">NEXT</button></a>
                            </div>
                        </div>

                </div>


                <!--  Fourth tab begins -->
                <div id="addImgs" class="tab-pane fade">

                    <br>

                            <label for="profile_pic">Profile Picture</label>
                            <input name="uploadfile" type="file" class="multi with-preview form-control" maxlength="1" id="pic"  style="border: none;box-shadow: none;background:none" />


                    <script>
                    // wait for document to load
                    $(function(){

                    // invoke plugin
                    $('#pic').MultiFile({
                    onFileChange: function(){
                    console.log(this, arguments);
                    }
                    });

                    });
                    </script>
                    <br>

                    <!-- <label for="your_pictures">Profile Picture:</label> -->
                    <!-- <input type="file" name="uploadfile[]" accept = "image/*" multiple = "multiple" size="20" /> <br /> -->

                    <div class="row">
                        <div class="col-xs-8">
                            <label for="gallery">Gallery Images</label>
                            <input name="uploadfiles[]" type="file" multiple="multiple" maxlength="5" class="multi with-preview form-control" id="our-test"  style="border: none;box-shadow: none;background:none" />
                        </div>
                    </div>

                    <script>

                    // wait for document to load
                    $(function(){

                    // invoke plugin
                    $('#our-test').MultiFile({
                    onFileChange: function(){
                    console.log(this, arguments);
                    }
                    });

                    });
                    </script>


                        <div class="row">
                            <div class="col-xs-4">
                                <a data-toggle="tab" href="#bankdet"><button name="next" id="nextbankdet">NEXT</button></a>
                            </div>
                        </div>

                    </div>



                    <!--  fifth tab begins -->
                    <div id="tandc" class="tab-pane fade">
                    <br>
                        <div class="row">
                             <div class="col-xs-6">
                                <div class="form-group">
                                    <label><input type="radio" name="tandcradio" id="tandcradio" value="read" ></label>
                                    <label>I have read and understood all <u><a href="#">Terms &amp; Conditions</a></u>.</label>
                                </div>
                            </div>
                        </div>

                          <br>
                               <br>

                        <div class="row">
                            <div class="col-xs-4">
                                <button name="submit" id="submit" type="submit" class="btn btn-md btn-primary">Submit</button>
                            </div>
                        </div>

                    </div>

i have a submit button code is too long

Well, it was an essential part of the markup, wouldn't you say? In future, please include all relevant code and markup - otherwise contributors will be at a loss as to how to help you.

Am confused - can't see any close form tag. Are these other tabs within the same form?

You're saying that clicking on the submit button does nothing - no send / no refresh page, nothing?