web-dev-qa-db-fra.com

capture clic événement du bouton de soumission jquery

J'essaie d'obtenir l'événement clic d'un bouton d'envoi sur mon formulaire ...

<input type="submit" value="Search By Demographics" class="button" id="submitDemo"/>

C’est le bouton par lequel je veux obtenir l’événement.

$('#submitDemo').click(
        alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
        //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
    );

C'est ce que je veux faire en cliquant sur un bouton. Je veux mettre une image de chargement autour d'une div, puis débloquer plus tard une fonction différente. Actuellement, la superposition apparaît lors du chargement de la page au lieu de onClick. Que suis-je en train de faire 

jqueryonclickoverlay
10
SoftwareSavant

essaye ça

$('#submitDemo').live("click",function() {
  // your stuff
});

Comme @ px5x2 a souligné que le live est obsolète, utilisez ON

$('#submitDemo').on("click",function() {
  // your stuff
});
13
NullPoiиteя
$('#submitDemo').click(function() {
  // do your stuff
});
8
Chuck Callebs

Vous devez envelopper votre code dans une fonction ..

$('#submitDemo').click(function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});

Mais il est toujours recommandé de lier l'événement à l'aide de on pour qu'il attache le gestionnaire d'événements à l'élément lorsque celui-ci est disponible. 

$('#submitDemo').on('click',function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});
3
Sushanth --

Vous devez exécuter votre script lorsque le DOM est prêt, tout en fournissant un rappel à la méthode click:

$(function() {
    $('#submitDemo').click(function() {
        // do your stuff
    });
});
3
xandercoded

Pour le formulaire, vous pouvez également lier le bouton de soumission en cliquant sur le formulaire.

$("#form_selector").submit(function{
// Do your stuff
})

où 'form_selector' est l'identifiant du formulaire sur lequel le bouton d'envoi est cliqué.

1
Paritosh Singh

Vous n'avez peut-être pas inclus la bibliothèque jQuery dans votre code!

src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
0
Bariock