提交表格前的模态框确认

时间:2015-02-02 03:47:54

标签: javascript php jquery forms modal-dialog

我有表格,用户将在其中输入他的信息,在他/她提交表格之前,有一个确认表明他/她是否确定提交表格。我试着在下面运行我的代码,但我看不出问题为什么不工作。我希望你帮助我。谢谢

此处的表格

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Receiving report </title>
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets1/css/bootstrap.css">
    <style>
    @import url(http://fonts.googleapis.com/css?family=Bree+Serif);
    body, h1, h2, h3, h4, h5, h6{
        font-family: 'Bree Serif', serif;
    }
    </style>

    <script type="text/javascript" src="<?php echo base_url();?>assets1/jquery/jquery-1.11.1.min.js" ></script>
</head>




<form action="http://domain/portal/reports/home_members" method="post" accept-charset="utf-8" class="form-horizontal" id="my-form">                 
 <table class="table">
    <thead>
      <tr>
        <th class="text-center"><h4>Code</h4></th>
        <th class="text-center"><h4>Model</h4></th>
        <th class="text-center"><h4>Color</h4></th>
        <th class="text-center"><h4>Qty</h4></th>
        <th class="text-center"><h4>To receive</h4></th>
        <th class="text-center"><h4>Engine Number</h4></th>
        <th class="text-center"><h4>Chassis Number</h4></th>
        <th class="text-center"><h4>Complete TBA</h4></th>
        <th class="text-center"><h4>Promo</h4></th>
      </tr>
    </thead>
    <tbody>
    <tr>
  <td class='text-right'><input type='text' class='input-xlarge' name='promo[]' id='promo' value=''></td>
  <input type='hidden' class='input-xlarge' name='unit_cost[]' id='unit_cost' value='58000'>
</tr><tr>
  <td class='text-right'><input type='hidden' class='input-xlarge' name='order_id[]' id='id' value='6'>6</td>               
  <td class='text-center'><input type='hidden' class='input-xlarge' name='model[]' id='model' value='Raider J'>Raider J</td>
  <td class='text-center'><input type='hidden' class='input-xlarge' name='color[]' id='color' value='BLUE'>BLUE</td>
  <td class='text-center'><input type='hidden' class='input-xlarge' name='quantity[]' id='quantity' value='1'>1</td>
  <td class='text-center'><select name='quantity_received[]' class='input-xlarge'><option value='0'>0</option><option value='1'>1</option>
  <td class='text-right'><input type='text' class='input-xlarge' name='engine_no[]' id='engine_no' value='' placeholder='Engine No'></td>
  <td class='text-right'><input type='text' class='input-xlarge' name='chassis_no[]' id='chassis_no' value='' placeholder='Chassis No'></td>
  <td class='text-right'><select name='tba[]' id='tba'>
  <option>Complete</option>
  <option>Incomplete</option>
    </select>
    </td>
  <td class='text-right'><input type='text' class='input-xlarge' name='promo[]' id='promo' value=''></td>
  <input type='hidden' class='input-xlarge' name='unit_cost[]' id='unit_cost' value='58000'>
</tr>                   
</tbody>
</table>





<!-- modal caller -->
<a href="#modal-dialog" class="modal-toggle" data-toggle="modal" data-href="http://localhost.testing/modal-processing.php" data-modal-type="confirm" data-modal-title="Delete Property" data-modal-text="Are you sure you want to delete {$property.address_string}?" data-modal-confirm-url="{$base_url}residential-lettings/properties/do-delete/property/{$property.id}"><i class="icon-trash"></i> Modal Submit</a>

        <?php form_close(); ?>
    </div>

</body>

</div>
<div id="modal-dialog" class="modal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
            <a href="#" data-dismiss="modal" aria-hidden="true" class="close">×</a>
             <h3>Are you sure</h3>
        </div>
        <div class="modal-body">
             <p>Do you want to submit the form?</p>
        </div>
        <div class="modal-footer">
          <a href="#" id="btnYes" class="btn confirm">Yes</a>
          <a href="#" data-dismiss="modal" aria-hidden="true" class="btn secondary">No</a>
        </div>
      </div>
    </div>
</div>

0 个答案:

没有答案