kostenloser Webspace werbefrei: lima-city

Automatisches Absenden eines Formulars

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   theherobone

   theherobone hat kostenlosen Webspace.

   17:09, 30.4.2017

   Hi!
   Ich habe bei meinem eigenen Sozialen Netzwerk bereits viele Funktionen hinbekommen. Eine Sache fehlt mir aber bisher. Ich möchte, dass wenn man auf Enter drückt das Passwort Formular Abgesendet wird.
   Hat jemand ne Idee, wie ich das lösen könnte?
   
   Würde ich über jede Antwort Freuen!
   LG
   Herobone

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. otisoft

   otisoft hat kostenlosen Webspace.

   19:16, 30.4.2017

   Hallo,
   
   in einem normalen

   <form></form>

   -Element passiert das automatisch, sofern der Cursor in einem zum Formular gehörenden Feld steht. Wenn dem bei Dir nicht so ist, wäre es vielleicht hilfreich ein Code-Schnipsel zu teilen.
   
   otisoft
4. Autor dieses Themas

   theherobone

   theherobone hat kostenlosen Webspace.

   10:32, 1.5.2017

   Der Code der hierzu passt ist Folgender:
   

   <form action="includes/process_login.php" method="post" name="login_form">
                     <table>
                     <tr><td>Email:</td> <td><input type="text" name="email" /></td></tr>
                     <tr><td>Password:</td> <td><input type="password"
                                      name="password"
                                      id="password"/></td></tr>
                     </table>
                     <input type="button"
                            class="w3-button w3-theme w3-round"
                            value="Login"
                            onclick="formhash(this.form, this.form.password);" />
   </form>

   
   Da dass PW erst das JS passieren muss, kann ich dies nicht über die Übliche Methode machen

5. otisoft

   otisoft hat kostenlosen Webspace.

   10:44, 1.5.2017

   Hallo,
   
   wenn du es mit JS machen möchtest (alle sicherheitsrelevanten Verarbeitungen sollten Server-Side laufen), kannst Du in beiden <input>-Elementen (User und Passwort) einfach einen onkeypress-Listener setzen.
   
   

   <input id="username" type="text" onkeypress="return keypressf(event)" />

   
   
   

   function keypressf(e) {
   
       if (e.keyCode == 13)  {
   
           document.getElementById("form-id").submit();
           return false;
   
       }
   }

6. Autor dieses Themas

   theherobone

   theherobone hat kostenlosen Webspace.

   12:58, 1.5.2017

   Danke!
   
   Es hat geklappt!
   
   

   <script>
                   function keypressf(e) {
   
                       if (e.keyCode == 13) {
   
                           formhash(loginform, password);
                           return false;
   
                       }
                   }
   </script>

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?