Question

我想禁用一个按钮，如果字段没有更改，我会提交表单。

因此，如果更改字段，我希望能够通过启用按钮来提交表单，但仅当更改字段（最小）时才能提交。

<?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>

抱歉我的英文。

Answer 1

你可以使用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); 
    }
});

Answer 2

为提交按钮DOM提供一个默认的禁用属性，然后使用jQuery检查表单中是否发生了任何更改，如果是，则删除此提交按钮DOM的禁用属性，如果没有，则将其保留为禁用。

如何在更改表单上禁用按钮提交（输入字段）php

2 个答案: