Utilisation du bouton submit [Résolu]

keunene 47 Messages postés samedi 5 avril 2014Date d'inscription 4 septembre 2017 Dernière intervention - 16 déc. 2016 à 14:45 - Dernière réponse : nagaD.scar 4148 Messages postés samedi 8 septembre 2007Date d'inscription 13 décembre 2017 Dernière intervention
- 20 déc. 2016 à 08:26
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 

3 réponses

Répondre au sujet
nagaD.scar 4148 Messages postés samedi 8 septembre 2007Date d'inscription 13 décembre 2017 Dernière intervention - 19 déc. 2016 à 11:25
+1
Utile
2
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
Cette réponse vous a-t-elle aidé ?  
keunene 47 Messages postés samedi 5 avril 2014Date d'inscription 4 septembre 2017 Dernière intervention - 19 déc. 2016 à 16:49
Merci infiniment.tun as résolu mon problème
nagaD.scar 4148 Messages postés samedi 8 septembre 2007Date d'inscription 13 décembre 2017 Dernière intervention - 20 déc. 2016 à 08:26
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.