Javascript:Bloc de soumettre le formulaire sur la Touche Enter appuyez sur

J'ai une page web où j'ai 2 formulaires lorsque je clique sur la touche entrée, je vais appeler une fonction javascript pour la force de la page à charger une autre page.Mon code est 

function SearchUser()
{
var text = document.getElementById("searchItem").value;
text = text == "" ? -1 : text;
var by = document.getElementById("listBy").value;   
var on="";
if(by==1)
{
    on="USERNAME";
}
else if(by==2)
{
    on="FIRSTNAME";
}
else if(by==3)
{
    on="EMAIL_ID";
}

gotoUrl="userlist.php?searchItem="+text+"&onSearch="+on; 
    alert(gotoUrl); 
window.navigate=gotoUrl;

}

et

$(document).ready(function()
{
 $("#frmUserListSearch").keyup(function(event)
 {
  if(event.keyCode == 13)
  { 
    SearchUser();
  }
 });

});

Mais la page est en train de faire un formulaire de soumission lors de la SearchUSer fonction appelée.J'obtiens l'url est correcte dans l'alerte.Mais La page ne se charge pas dans le brower

Des Idées ???

Merci d'avance

InformationsquelleAutor Shyju | 2009-05-26
  1. 4
    if (document.addEventListener) {
    document.getElementById('strip').addEventListener('keypress',HandleKeyPress,false);
} else {
    document.getElementById('strip').onkeypress = HandleKeyPress;
}

function HandleKeyPress(e) {
    switch (e.keyCode) {
        case e.DOM_VK_ENTER:
        if (e.preventDefault)
            e.preventDefault();
    else e.returnValue = false;
    }
}

    MODIFIER due à la Question d'origine edit:

    tous vous avez besoin est:

    $(document).ready(function()
{
    $("#frmUserListSearch").keyup(function(event)
        {
            if(event.keyCode == 13)
            {     
                SearchUser();
                if (e.preventDefault)
                    e.preventDefault();
                else e.returnValue = false;
            }
        });
});

    modifié pour refléter commentaire

    • Ai-je besoin de pout le code de chargement de la page ?
    InformationsquelleAutor Jonathan Fingland
  2. 2

    Retourner false souvent fait le tour.

    http://javascript.about.com/library/bldisdef.htm

    • return false une fois la fenêtre.naviguer, j'ai essayé.N'a pas fonctionné
    • L'événement doit retourner false. Donc, je voudrais le mettre après SearchUser();
    InformationsquelleAutor Matthew Vines
  3. 2

    J'ai deux recommandations. Tout d'abord, utilisez l'événement keydown au lieu de keyup (il attrape "entrer" avant de soumettre mieux). Deuxièmement, dans votre SearchUser() de la fonction, l'utilisation fenêtre.emplacement au lieu de fenêtre.naviguer pour aller à une autre page.

    $(document).ready(function() {
  $("#frmUserListSearch").keydown(function(event) {
     if(event.keyCode == 13){    
       SearchUser();
       return false;
     }
  });
});

    REMARQUE: N'oubliez pas d'enlever le "alert()" à l'intérieur de la SearchUser (), fonction qu'il provoque la forme de soumettre avant de quitter la page.

    • avez-vous essayé?
    InformationsquelleAutor Jose Basilio
  4. 0

    Vous pouvez le faire en utilisant l'attribut action du formulaire, sans avoir à traiter avec les principaux événements, étant donné que vous aurez besoin plus tard javascript pour prendre des mesures sur le contrôle qui soumet le formulaire.

      <html>
     <head>
        <script type="text/javascript">
           function donothing() {}
        </script>
     <body>
        <form action='javascript:donothing()'>
           ...
        </form>
     </body>
  </html>
    InformationsquelleAutor Questionless