在单击保存或检索时，我需要帮助在一个表单中创建多个按钮而不执行表单操作

Posted 2021-05-07

“保存”按钮应将数据保存到数据库中。并且“检索”按钮应该从数据库中检索数据而不执行表单操作，因为只有单击“添加”按钮时才会激活表单操作。

<div class="x_content">
              <form id="createUserForm" action="<?php echo base_url(); ?>supply_chain/add_new_time_card_in_db" method="POST" data-parsley-validate class="form-horizontal form-label-left">
               <div class="form-group">
               <h4 style="color:#FF0000"><?php if(isset($error) && $error != ''){echo $error; } ?></h4>
               <label class="control-label col-md-3 col-sm-3 col-xs-12" for="Worker_id">Worker Code<span class="required">*</span>
               </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                 <select  required= "required" name="Worker_id"  class="form-control col-md-7 col-xs-12">
                  <option value="null">Choose Worker Code</option>
                  <?php
                  foreach ($workerCodeOptions as $value) {
                   echo "<option value=".$value['Worker_id'].">".$value['Worker_id']."</option>";
                 }
                 ?>
                 </select>
                </div>
               </div>
                <div class="form-group">
                 <h4 style="color:#FF0000"><?php if(isset($error) && $error != ''){echo $error; } ?></h4>
                 <label class="control-label col-md-3 col-sm-3 col-xs-12" for="month">Month<span class="required">*</span>
                 </label>
                 <div class="col-md-6 col-sm-6 col-xs-12">
                  <input type="text" required="required" name="Month" class="date-picker form-control col-md-7 col-xs-12" ng-model="month">
                </div>
              </div>
              <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                  <button type="submit" class="btn btn-success">Add <?php echo $buttonName?></button>
                  <button type="submit" class="btn btn-success">Retrieve Data</button>
                  <button type="submit" class="btn btn-success" formaction="<?php echo base_url(); ?>supply_chain/update_time_card">Save Data</button>

                  <button class="btn btn-primary" onclick="window.location.href = '<?php echo $_SERVER['HTTP_REFERER'];?>'">Cancel
                  </button>
                </div>
              </div>

答案

在事件处理程序结束时返回false将阻止提交。

<Script>
function retrieveData(){
/* Your code here to retreive data*/
return false;
}
function saveData(){
/* Your code to save data */
return false;
}
</Script>
<form>
<button type="submit"  onclick="return retrieveData()">Retrieve Data</button>
<button type="submit"  onclick="return saveData()">Save Data</button>
</form>

但是：ぁzxswい

另一答案

https://jsfiddle.net/hca3e0s2/