En appuyant sur "enter" sur un input type=“text”, comment?

Je suis confronté à un problème que je ne peut pas résoudre JQuery Javascript. Pouvez-vous m'aider et m'aider à comprendre.D'abord voici mon code :

        (...)

        <script type="text/javascript">

        //Autocomplete suggestions
        $(function () {
            $("#autoCompInput").autocomplete({
                source: "/Suggestions",
                minLength: 3,
                select: function (event, ui) {
                    if (ui.item) {
                        $("#autoCompInput").val(ui.item.value);
                        $("form").submit();
                    }
                }
            });
        });

        //Provide search results
        $(function () {
            $("#autoCompSearch").click(function () {
                var searchParameters = $("#autoCompInput").val();

                var jsonData = JSON.stringify(searchParameters, null, 2);
                window.location = "/Search?criteria=" + searchParameters;
            });
        });

    </script>

    (...)

    <input class="ui-autocomplete-input" id="autoCompInput" role="textbox" aria-haspopup="true" size="50" autocomplete="off" aria-autocomplete="list" value = "@ViewBag.SearchInfo"/>
            <a id= "autoCompSearch" href = "#" ><img src="@Url.Content("~/Content/Menu/Images/magnifier.png")" alt="Search" /></a>

    (...)

Avec ce code, je ne peux pas utiliser la touche "Entrée" pour exécuter ma recherche. Lorsque l'utilisateur est dans l'entrée autoCompInput je voudrais être en mesure de détecter si il appuyer sur "entrée" et le lancement de la soumettre. J'ai lu, je dois ajouter une onkeyup="onKeyPressed(event)" événement, mais je ne comprends pas comment écrire le javascipt associés à la commande. J'ai essayé mais sans succès... avez-vous une solution pour moi?

Merci,

Aussi, je n'ai aucun problème pour afficher un message d'alerte. J'ai un problème à soumettre à ma recherche.
Vous devriez être en mesure d'utiliser la solution ci-dessous et remplacer le $("yourFormId").submit(); avec votre propre logique la fenêtre de ie.emplacement ...

OriginalL'auteur Bastien Vandamme | 2012-06-05

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *