2017-05-19 19 views
1

我想禁用的按鈕,如果字段沒有改變,將我的提交表單上我禁用按鈕提交。如何變化形式(輸入字段)PHP

因此,如果變化的領域,我希望能夠通過啓用按鈕提交表單,但只有一個變化的領域(最低)。

<?php $listeToitures = $db->query("SELECT * FROM i10_toit where i10_toit.N_NUME_IMME = $choixImmeuble"); 
       $toiture = $listeToitures->fetch() ?> 
       <br><br><button class="btn btn-primary" type="button" data-target="#toitures" data-toggle="collapse" aria-expanded="false" aria-controls="MonCollapse"><i class="glyphicon glyphicon-chevron-right"></i> Toitures</button> 
       <div id="toitures" class="collapse"> 
       <h3 class="page-header">Toitures <button type="submit" name="enregistrerParkingAmenagement" class="btn btn-default">Enregistrer</button></h3> 
       <button class="btn btn-primary" type="button" data-target="#parking" data-toggle="collapse" aria-expanded="false" aria-controls="MonCollapse"><i class="glyphicon glyphicon-chevron-right"></i> Parking</button> 
       <div id="parking" class="collapse"> 
        <div class="col-xl-6 col-lg-6 col-sm-6 col-xs-6"> 
         <div class="form-group"> 
          <label for="toiture_c_etat_ferb">Etat ferblanterie :</label><br> 
          <select name="toiture_c_etat_ferb" id="toiture_c_etat_ferb" class="form-control"> 
           <?php 
           $cherche = chercheViews('VZ1085'); 
           foreach ($cherche as $resultat){ 
            $code = $resultat['C_CODE_SEQU'];?> 
            <option value="<?php echo $code ?>"<?php if($toiture['C_ETAT_FERB']==$code) echo 'selected="selected"'; ?>><?php echo $resultat['L_DESC_CODE']; ?></option> 
           <?php }?> 
          </select> 
         </div> 
         <div class="form-group"> 
          <label for="toiture_c_type_ferb">Type de ferblanterie :</label><br> 
          <select name="toiture_c_type_ferb" id="toiture_c_type_ferb" class="form-control"> 
           <?php 
           $cherche = chercheViews('VZ1143'); 
           foreach ($cherche as $resultat){ 
            $code = $resultat['C_CODE_SEQU'];?> 
            <option value="<?php echo $code ?>"<?php if($toiture['C_TYPE_FERB']==$code) echo 'selected="selected"'; ?>><?php echo $resultat['L_DESC_CODE']; ?></option> 
           <?php }?> 
          </select> 
          <br><br><br><br><br><br><br><br> 
         </div> 
        </div> 
        <label for="chaufferie_l_toit_comm">Commentaire :</label><br> 
        <textarea name="chaufferie_l_toit_comm" class="form-control" id="chaufferie_l_faca_comm"><?php echo $toiture['L_TOIT_COMM'];?></textarea> 
       </div>     
      </div> 
     </div> 
     </form> 
     <script> 
$(function() { 

    var form_original_data = $("#myform").serialize(); 

    $("#enregistrerFacadesToitures").click(function() { 
     if ($("#myform").serialize() != form_original_data) { 
      <button type="submit" name="enregistrerFacadesToitures" class="btn btn-default">Enregistrer</button> 
      } 
    }); 

}); 
</script> 
    </div> 
</section> 

對不起,我的英語。

+0

https://api.jquery.com/change/ – Loko

回答

2

可以使用prop('disabled' , true)prop('disabled' , false)的按鈕..像這樣

$("#enregistrerFacadesToitures").click(function() { 
    if ($("#myform").serialize() !== form_original_data) { 
     $('button[type="submit"][name="enregistrerFacadesToitures"]').prop('disabled' , true); 
    }else{ 
     $('button[type="submit"][name="enregistrerFacadesToitures"]').prop('disabled' , false); 
    } 
}); 
1

給予默認禁用屬性提交按鈕DOM,然後使用jQuery來檢查是否有任何變化的形式發生了,如果是,然後刪除此提交按鈕DOM的禁用屬性,如果沒有,則將其保留爲禁用狀態。