Utilisation du bouton submit [Résolu]

Messages postés
61
Date d'inscription
samedi 5 avril 2014
Dernière intervention
7 septembre 2018
-
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
Afficher la suite 

Votre réponse

1 réponse

Meilleure réponse
Messages postés
4269
Date d'inscription
samedi 8 septembre 2007
Dernière intervention
29 août 2018
1
Merci
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

Merci nagaD.scar 1

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources a aidé 101 internautes ce mois-ci

keunene
Messages postés
61
Date d'inscription
samedi 5 avril 2014
Dernière intervention
7 septembre 2018
-
Merci infiniment.tun as résolu mon problème
nagaD.scar
Messages postés
4269
Date d'inscription
samedi 8 septembre 2007
Dernière intervention
29 août 2018
-
je t en pris bon dev ;)
Commenter la réponse de nagaD.scar

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.