Beim drücken der EINGABETASTE im Textfeld, wie kann ich den Fokus auf den submit-button mit Hilfe von JQuery?

Ich habe eine Seite mit mehreren Textfeldern und jeder hat eine Taste zugeordnet. Dies funktioniert so eine Suche nach 'hub', nehme ich an, wo kann der Benutzer die Suche nach ID, Namen, etc.

Wenn Sie einen Suchbegriff, z.B. den Namen jedoch, enter 'Klicks', die erste Schaltfläche auf der Seite (ID search), was zu einem Fehler, wenn das zugehörige Textfeld leer ist (was es wäre, wenn jemand meinte, um nach Namen zu suchen).

Habe ich versucht, dies zu korrigieren mit Hilfe von JQuery und habe Folgendes geschrieben:

$('input:text').click(function (e) {
            e.preventDefault();
            $(this).next('input:button').focus();
    });

Ich bin einfach mit dem click-Ereignis, damit ich überwachen kann, wo der Fokus umgeleitet wird, aber irgendwann würde ich verwenden .keypress. Allerdings passiert nichts bei Klick auf ein Textfeld, und ich kann nicht sehen, für das Leben von mir, was falsch ist mit dem JQuery.

Jede Beratung würde sehr geschätzt werden!

Zu erarbeiten, das problem, die .NET-code verwendet, die der folgenden ähnelt in der gesamten Seite.

<tr>
    <td style="width:100">Company ID</td>
    <td style="margin-left:3px;">
      <asp:TextBox ID="...TextBox" runat="server" Width="230px"></asp:TextBox>
    </td>
    <td>
    <asp:Button CssClass="Button" ID="...NameSearch" Text="Search" runat="server" /></td></tr>

Dies ist das erzeugen (Quelltext anzeigen):

<td><input name="...TextBox" id="...TextBox" style="width: 230px;" type="text"/></td>
<td><input name="...NameSearch" class="Button" id="...NameSearch" onclick="javascript:__doPostBack('...NameSearch','')" type="button" value="Search"/></td>
  • was macht Ihr HTML Aussehen?
  • Ich sehe, Sie haben erwähnt, Sie können nicht der link zu der Website, aber es wäre noch sehr hilfreich, wenn du posten könntest einige HTML-mit deiner Frage - noch dummy-html-Code, der hat die richtige Struktur, die zeigen würde, nichts über Ihre Website.
  • Ich Schätze, dass hab ich jetzt auch Hinzugefügt einige markup.
InformationsquelleAutor Rich | 2010-11-10
  1. 1
    $('input:text')keydown(function(e) {
  if (e.keyCode == 13) {
    $("input:submit", $(this).closest('tr')).eq(0).focus();
  }
}
    • Das problem ist nicht mit keypress, ich habe etwas ähnliches zum arbeiten in einen anderen Szenario, scheint es speziell Auffinden der weiter button das ist das problem.
    • Sie uns Ihre HTML
    • Es ist nun in der Frage, danke.
    • sollte funktionieren.
    • Das hat tatsächlich funktioniert, vielen Dank. Gut, mit ein . vor keydown und mit "Eingabe: - Taste" =P. ich Schätze es wirklich!
    InformationsquelleAutor John Hartsock
  2. 1

    Sind diese submit-buttons? Wenn ja Klick auf eines legt die Daten für alle von Ihnen. Es klingt eher wie ein HTML-problem als jQuery. Könntest du link zu der Website?

    • Wenn Sie mehrere submit-buttons, die ich empfehlen würde brechen die Felder in mehrere Formen. Aber ich weiß nicht, die Spezifikationen Ihres Projekts, so dass...
    • Nein, Sie sind nur Tasten. Ich kann es nicht wirklich ändern, die Seite zu viel, wie ich arbeite mit jemand anderes markup. Und leider kann ich nicht wirklich der link zu der Website, sorry. Ich weiß, dass ist nicht allzu hilfreich...
    InformationsquelleAutor Micharch54
  3. 0

    Anstatt zu versuchen zu konzentrieren, die Taste, die Sie klicken möchten, brechen Sie die Anfrage Absenden, per textfield, und statt dessen Auslöser eine Schaltfläche anklicken, was Sie wollen.

    InformationsquelleAutor zzzzBov
  4. 0

    Wenn Sie nur versuchen, um automatisch klicken Sie auf die Schaltfläche beim drücken der EINGABETASTE in das Textfeld ein, die Sie nicht brauchen, jquery, dies zu tun. Blick in die DefaultButton - Eigenschaft des asp-Panel-Steuerelement

    <asp:Panel runat="server" DefaultButton="myButton">
    <asp:TextBox runat="server" ID="myTextBox" />
    <asp:Button runat="server" ID="myButton" Text="Click" />
</asp:Panel>
    • Danke für den Vorschlag, aber leider habe ich nicht wollen, dass eine Standard-Schaltfläche, die Schaltflächen können angeklickt werden. Zugegeben, ich könnte verschieben-button/Textfeld-Paare in panels, um dies zu erleichtern, aber jquery scheint schneller...
    • stimmt, jeder button/Textfeld-pair-Mädchen sein würde, in einem eigenen panel. Sind Sie auf der Suche nach 'schneller' in der Leistung, oder zu implementieren? Ich bin neugierig auf das, was die performance-Unterschiede wären. Viel Glück für Sie.
    • Sorry, ich wollte nicht schneller in einer performance Sinn, die einfach zu implementieren.
    InformationsquelleAutor earthling
  5. 0

    Können Sie nicht verwenden, next (), weil das Textfeld und der button sind nicht auf der gleichen Ebene in der DOM. Dein button hat eine ID, die Sie verwenden könnte, $('#...NameSearch').focus();

    • Leider kann ich nicht die ID, da die markup, die ich angegeben habe ist nur eine Momentaufnahme, es gibt viele verschiedene Paare von Textfeldern und buttons brauche ich jedes Textfeld zum auslösen der nächsten Taste.
    InformationsquelleAutor josh
  6. 0

    Ist dein submit-button den genauen nächsten Geschwister von der textbox? Wenn nicht, dann ist die next() Funktion ist nicht, was Sie wollen. Wenn es etwas gibt, was in der dom zwischen den beiden, die Sie verwenden können, nextAll() zu finden, statt.

    Update

    Nun, dass Sie Hinzugefügt haben, Ihre Auszeichnung zu der Frage, ich kann sehen, warum keine dieser next () - Funktionen arbeiten-Ihre Schaltfläche ist nicht ein Geschwister der textbox (denn Sie sind verpackt in separate Tabelle-Zellen).

    InformationsquelleAutor patmortech
Schreibe einen Kommentar