Wie kann ich Feuer ein <a href> mit der enter-Taste zu drücken?

So, ich brauche um einen Fehler zu beheben: Wenn Sie drücken Sie "enter" - Taste; das Formular nicht Absenden. Im Grunde die Ursache ist, weil das element, dass die trigger-Formular Einreichen, ist ein "href" ... ich habe versucht, es einer reichen, aber dann wird das css nicht so ich Frage mich, ob es gibt einen Weg, um es Absenden mit der enter-Taste?

Hier ist der code:

        <div class="login-form-bg">
        <form name="login_form" id="login_form" method="post">
            <table>
                <tr>
                    <td>{translate id='Game'}Login:{/translate}</td>
                    <td><input type="text" name="ss_users_pseudo" /></td>
                </tr>
                <tr>
                    <td>{translate id='Game'}Password:{/translate}</td>
                    <td><input type="password" name="ss_users_password" /></td>
                </tr>
                <tr height="30px">
                    <td>&nbsp;</td>
                    <td>
                    <fb:login-button perms="email" id="facebook-login-button"></fb:login-button>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td class="checkbox"><label for="request_password">{translate id='Game'}<a href="forgotPassword.php">Request password</a>{/translate}</label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td class="checkbox">{translate id='Game'}Remember me{/translate} <input type="checkbox" name="ss_users_remenber_me" value="1" /></td>
                </tr>

            </table>
                <a href="#" onclick="document.login_form.submit(); return false;" name="connect" id="connect">
                    <div class="button-action login-button-div">
                        <span><span><span>
                            {translate id='Game'}Login{/translate}
                        </span></span></span>
                    </div>
                </a>
        </form>

Sie können den Stil einer Schaltfläche. Ich finde, dass die Entscheidung, die Strecke wäre weniger code und weniger Aufwand erstellen klicken Sie auf die Funktionalität mit javascript.
In der Tat, und dies würde eine bessere Erreichbarkeit als gut. Formen erwarten Schaltflächen.
Ja, ich könnte mir vorstellen, das ist der richtige Weg, aber ich habe gerade den Fehler beheben müssen nicht remake es, würde ich nicht wissen, wo zu beginnen.
Die bevorzugte form auf einen javascript-link: <ein href="javascript://" onclick="document.login_form.submit();" name="schließen" id="connect" - > auf diese Weise brauchen Sie nicht "return false".

InformationsquelleAutor Ave | 2011-03-15

1

Hier ist ein jQuery-Antwort. Aber Sie bekommen die Idee.

Wird dies erkennen Sie die enter-Taste gedrückt wird bei jeder Eingabe in die form und löst die form submit() Methode
```
$("#login_form input").keypress(function(e) {
  if (e.keyCode == 13) {
    $(this).closest("form").submit();
  }
});
```
Das ist ziemlich intensiv, jquery immer wieder überraschungen
+1 Feste ein Tippfehler.
Danke @lonesomeday, guter Fang.

InformationsquelleAutor jessegavin
4

Tatsächlich, ich fand einen Weg, um es zu beheben... alles, was ich zu tun hatte, ist eine reichen mit display:none und visible:false; und kein Wert zu machen, die geben Arbeit.... Ich weiß, es ist seltsam, aber ich bin hier, um Fehler zu beheben, nicht eine Neugestaltung der code 🙁

Entscheiden Sie sich für Einfachheit. +1

InformationsquelleAutor Ave
1

Hart, der richtige Ansatz wäre, um es ein submit-button und ändern Sie die CSS entsprechend (Sie können die Schaltfläche "senden", die Aussehen wie ein link), Sie konnten sich ein javascript-event, die änderungen dokumentieren.Lage oder sendet ein Formular mit form.submit()

Ja, ich entschied mich für ein unsichtbares Einreichen, damit es funktioniert xD

InformationsquelleAutor AbiusX
0

Haben Sie versucht, auf das onkeyup für die textbox:
```
if (event.keyCode == 13) { document.getElementById("connect").click(); }
```
Ich denke, dass sollte funktionieren. Habe es noch nicht getestet.

InformationsquelleAutor SAGExSDX

nun, ich glaube, ich habe Sie 2 Möglichkeiten

1 - benötigen Sie, wenn der Fokus auf das href -

2 - Sie müssen, wenn der Fokus auf dem Dokument alle

gut, wenn Sie es brauchen, auf den Schwerpunkt des a href

function hrefKeyDown(evt)
{
var ev = ((window.event)?(window.event):(evt));
var ahref = ((window.event)?(window.event.srcElement):(evt.currentTarget));
var charCode = ((window.event)?(window.event.keyCode):(((evt.which)?(evt.which):(evt.keyKode))));
if(charCode==13)
{
ahref.click();
}
}

        <a href="#" onclick="document.login_form.submit(); return false;" name="connect" id="connect" onkeydown = "hrefKeyDown(event);return false;">

und wenn Ihr auf dem Dokument, wenn Sie einmal drücken Sie die EINGABETASTE, klicken Sie auf der a href

function hrefKeyDown(evt)
 { 
var ev = ((window.event)?(window.event):(evt)); 
var ahref = document.getElementById('connect');
var charCode = ((window.event)?(window.event.keyCode):(((evt.which)?(evt.which):(evt.keyKode))));
if(charCode==13) 
{ 
ahref.click();
} 
}

<body onkeydown="hrefKeyDown(event);return false;">

sorry für den ersten post iam neue hier
ich hoffe, dass ich helfen kann 🙂

klingt so, als würde die Art von Arbeit, aber es würde getan werden, während der Fokus von einem element in das <form> - tag. Jetzt ist das problem behoben, dass ein unsichtbares submit-button... aber das scheint nicht zu funktionieren, auch im IE.
auch versuchen, es auf den Fokus des href-wird es funktionieren, getestet habe ich es jetzt für jede weitere Hilfe bin ich hier

InformationsquelleAutor Marwan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.