Comment choisir la suppression

Signaler
-
 Dz -
Bonjour,

Je souhaite modifier la suppression en fonction de ce que l'utilisateur a fait. Je m'explique, si l'utilisateur n'a rien complété, je veux que la ligne soit supprimé quand il clique sur la croix (j'ai réussi à le faire) :

$(document).on("click", "a.test2", function (){
      $(".upload up").on('click', function changeClass(){
              document.getElementById('change').className = "newClass";
      });    
        $(this).closest(".uploadDoc").remove(); // La ligne est supprimée
  });



Si l'utilisateur a cliqué sur le bouton pour Upload un document, il faut qu'au lieu de supprimer la ligne, qu'il supprime uniquement le fichier qu'il a ajouté. Ce que j'ai fait c'est réafficher le même affichage de la ligne quand il n'y avait rien de complété.

$(document).on("click", "a.test2", function (){
        $(".upl").eq(9).remove();
        $(".icon2").eq(9).remove();
        $(".fileUpload").eq(9).append('<img src="https://image.flaticon.com/icons/svg/136/136549.svg" class="icon2"><span class="upl" id="upload">Parcourir</span><input type="file" class="upload up" name="upload1" accept="image/png, image/jpeg, .pdf" id="up" onchange="readURL(this);" />');
    });


En ce qui concerne la ligne sur laquelle je travaille pour la suppression, la voici :

$(".btn-new").on('click',function(){
       $("#uploader2").append('<div class="row uploadDoc" id="change"><div class="col-sm-4 order-1 order-sm-0"><div class="docErr">Veillez upload au format pdf, jpg, jpeg, png</div><!--error--><div class="fileUpload btn btn-orange"> <img src="https://image.flaticon.com/icons/svg/136/136549.svg" class="icon2"><span class="upl" id="upload">Parcourir</span><input type="file" name="file[]" class="upload up" accept="image/png, image/jpeg, .pdf" id="up" onchange="readURL(this);" onclick="changeClass();" required/><div class="invalid-feedback">Document obligatoire</div></div></div><div class="col-sm-1 order-2 order-sm-1"><div class="pos_croix"><a href="#" class="test2"><i class="fas fa-times fa-xs" style="color:red;"></i></a></div></div><div class="col-sm-6 order-0 order-sm-2"><input type="text" class="form-control" name="test[]" placeholder="Veuillez preciser le document que vous ajoutez" required pattern="^[A-Za-z -]+$"><div class="invalid-feedback">Veuillez saisir le document que vous souhaitez ajouter.</div></div></div>');
   });


J'avais pour idée de modifier la classe "uploadDoc" pour que la suppression de la ligne ne se produise plus et que le bouton "test02" produise l'action d'effacer le document mais je ne sais pas si c'est la meilleure solution. Je suis un peu a cours d'idée...
J'espère que quelqu'un pourra m'aider !

1 réponse

Je n'ai toujours pas trouvé de solution face a mon problème. Je sais pas si j'ai été clair dans mes explications...