jquery - événement de clic

Question

Dans la lightbox je rends le formulaire contenant la zone de texte et les boutons (suivant et précédent).

Le problème est, après je modifier le contenu en zone de texte et cliquez sur « Enter » il devrait tirer cliquez événement sur le bouton « suivant » pour qu'il prenne la forme suivante dans la visionneuse

je code suivant, mais il est rafraîchir la page entière au lieu de se concentrer sur le bouton "suivant" seul.

Et il donne l'erreur: ActionController::MethodNotAllowed Only get requests are allowed

$("input").bind('keyup', function(event) { 
    if(event.keyCode == 13) { 
     $("#nextbtn").click(); 
    } 
}); 

s'il vous plaît corriger si quelque chose ne va pas avec la syntaxe

Answer 1

Vous devez return false et appeler preventDefault sur l'objet event afin d'empêcher la soumission du formulaire.

$('input').bind('keyup', function(e) { 
    if(e.keyCode == 13) { 
     $('#nextbtn').click(); 
    } 
    e.preventDefault(); 
    return false; 

});

De même, remplacez votre attribut method par GET, l'erreur indique que vous ne pouvez pas envoyer de demandes POST.

Answer 2

Vous devrez peut-être également appeler la page en tant qu'iFrame de la visionneuse afin qu'elle ne se ferme pas automatiquement une fois le formulaire soumis.

La plupart des plugins lightbox pour Jquery donnent un paramètre pour le lancer en tant que iframe.