Utilisation du bouton submit [Résolu]

Signaler
Messages postés
61
Date d'inscription
samedi 5 avril 2014
Statut
Membre
Dernière intervention
7 septembre 2018
-
Messages postés
4270
Date d'inscription
samedi 8 septembre 2007
Statut
Membre
Dernière intervention
4 mars 2021
-
bonjour,
ce code me permet de faire ressortir des données dans la base de donnés au fur et à mesure que j'écris dans le formulaire grâce assurément à la fonction keyup.je souhaiterais plûtot utiliser le bouton submit pôur faire récupérer les données.voici le code
 <script type="text/javascript">
$(document).ready(function(){
$("#idparrain").keyup(function(){var search_string = $("#idparrain").val();
if(search_string == ''){$("#searchres").html('');}else{postdata = {'string' : search_string}
$.post("trait.php",postdata,function(data){ $("#searchres").html(data); });}});});
function fillme(name){$("#idparrain").val(name);$("#searchres").html('');}
</script>

<input name="idparrain" type="text" class="idparrain" id="idparrain" placeholder="ID PARRAIN" autocomplete="off"><br/>

<div id="searchres" class="searchres"> </div>
merci pour votre aide

1 réponse

Messages postés
4270
Date d'inscription
samedi 8 septembre 2007
Statut
Membre
Dernière intervention
4 mars 2021
16
Salut,

Le principe est assez simple: ton bouton aura un ID / class auquel tu pourra assigner l event.

Donc, en html tu auras:

<button  class="btnSub" id="btnSub">Click me</button>


Et donc en javascript plutot que d avoir:
$(document).ready(function(){
$("#idparrain").keyup(function(){var search_string = $("#idparrain").val();
if(search_string == ''){$("#searchres").html('');}else{postdata = {'string' : search_string}
$.post("trait.php",postdata,function(data){ $("#searchres").html(data); });}});});


tu pourras mettre:

$(document).ready(function(){
$("#btnSub").onclick(function(){var search_string = $("#idparrain").val();
if(search_string == ''){$("#searchres").html('');}else{postdata = {'string' : search_string}
$.post("trait.php",postdata,function(data){ $("#searchres").html(data); });}});});



Ou encore, tu peux directement assigner une function à l event onclick par la balise:

<button onclick="myFunction()">Click me</button>

(et donc pas besoin de l implementer une fois le document ready, simplement ecrire la fonction, le reste est géré par le navigateur)

naga
Messages postés
61
Date d'inscription
samedi 5 avril 2014
Statut
Membre
Dernière intervention
7 septembre 2018

Merci infiniment.tun as résolu mon problème
Messages postés
4270
Date d'inscription
samedi 8 septembre 2007
Statut
Membre
Dernière intervention
4 mars 2021
16
je t en pris bon dev ;)