html - why this form is not submitting? -
i trying develop responsive form twitter bootstrap, not submitting.
why isn't submitting?
<!doctype html> <html> <head> <meta charset="utf-8"> <title>generate reports</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/datepicker.css"> <script src='js/bootstrap-datepicker.js'></script> <script src='js/bootstrap.js'></script> <script src="js/bootstrap.min.js"></script> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"> </script> <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"> </script> <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-br.js"> </script> <script> $(document).ready(function() { $('#report_repetitions').change(function() { var number_of_repetitions=$('#report_repetitions').val(); var container = $('#date_list'); var numitems = $('.date_group').length;alert(numitems); if(number_of_repetitions>numitems) { for(var i=numitems+1;i<=number_of_repetitions;i++) $('<div class="well"> <div class="date_group" id="group_'+i+'" > <div class="control-group" > <label class="control-label required span5" for="step1_home_zip">enter date range text '+i+'<span class="required">*</span></label><div class="controls"><input class="span3" size="5" name="text_'+i+'" maxlength="5" name="step1[home_zip]" id="report_repetitions" type="text" /></div></div>' +'<div class="control-group" ><label class="control-label required span5" for="step1_home_zip">from<span class="required">*</span></label><div class="controls "><div id="from'+i+'" class="input-append date "><input type="text" name="from_'+i+'" ></input><span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span></div></div></div><div class="control-group" ><label class="control-label required span5" for="step1_home_zip">to<span class="required">*</span></label><div class="controls "><div id="to'+i+'" class="input-append date "><input type="text" name="to_'+i+'"></input><span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span></div></div></div></div></div>' +'<script type="text/javascript">' +'$(function() {' +' $("#from'+i+'").datetimepicker({' +' picktime: false' +' });' +'$("#to'+i+'").datetimepicker({' +' picktime: false' +'});});<' +'/script>').click(function () { window.open(path); }).appendto(container); } else if(number_of_repetitions<numitems) { alert("kkk");alert(number_of_repetitions);alert(numitems); for(var i=number_of_repetitions;i<=numitems;i++) { alert(i); ('#group_2').remove(); } } else alert("hhh"); }); }); </script> </head> <body> <div class="container"> <div class="container-fluid"> <div class="row-fluid"> <div class="span12"> <center><h2>generate report</h2></center> </div> <div class="span4 pull-right"> </div> </div> <div class="row-fluid"> <form class="well span12"> <center> <div class="row-fluid"> <div class="span12"> <form class="form-horizontal" id="report_form" action="insert.php" method="post"> <div id="report_group"> <div class="control-group"> <label class="control-label required span5" for="step1_email">improvement threshold<span class="required">*</span></label> <div class="controls"> <input class="span4" size="60" maxlength="255" name="step1[email]" id="step1_email" type="text" /> </div> </div> <div class="control-group"> <label class="control-label required span5" for="step1_home_zip">services top threshold <span class="required">*</span></label> <div class="controls"> <input class="span4" size="5" maxlength="5" name="step1[home_zip]" id="step1_home_zip" type="text" /> </div> </div> <div id="date_list"> <div class="well"> <div class="date_group" id="group_1" > <div class="control-group" id="date_group"> <label class="control-label required span5" for="step1_home_zip">enter date range text 1<span class="required">*</span></label> <div class="controls"> <input class="span3" size="5" maxlength="5" name="text_1" id="report_repetitions" type="text" /> </div> </div> <div class="control-group" > <label class="control-label required span5" for="step1_home_zip">from<span class="required">*</span></label> <div class="controls "> <div id="from1" class="input-append date "> <input type="text" name="from_1" ></input> <span class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> </span> </div> </div> </div> <div class="control-group" > <label class="control-label required span5" for="step1_home_zip">to<span class="required">*</span></label> <div class="controls "> <div id="to1" class="input-append date "> <input type="text" name="to_1"></input> <span class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> </span> </div> </div> </div> </div> </div> </div> <div class="pull"> <button type="submit" class="btn btn-primary">submit</button> <input type="reset" class="btn" value="reset"> </div> </div> </form> </div> </center> </div> </form> </div> </div> </div> <script type="text/javascript"> $(function() { $("#from1").datetimepicker({ picktime: false }); $("#to1").datetimepicker({ picktime: false }); }); </script> </body> </html> insert.php there on same folder not moving insert.php
you have nested forms. invalid , cause of problem.
remove form. use a validator.
Comments
Post a Comment