webui: login: Submit login form on "Enter" key

2 files changed, 28 insertions, 1 deletions

diff --git a/fg21sim/webui/static/js/login.js b/fg21sim/webui/static/js/login.js
new file mode 100644
index 0000000..301de73
--- /dev/null
+++ b/fg21sim/webui/static/js/login.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2016 Weitian LI <liweitianux@live.com>
+ * MIT license
+ *
+ * JavaScript codes for the Web UI of "fg21sim"
+ */
+
+"use strict";
+
+
+$(document).ready(function () {
+  /**
+   * Submit the login form on "Enter" key
+   * Credit: https://stackoverflow.com/a/12518467/4856091
+   */
+  $("form#login input").keypress(function (e) {
+    if (e.which === 13) {
+      // "Enter" key pressed
+      $(e.target).closest("form").submit();
+      return false;
+    }
+  });
+});
diff --git a/fg21sim/webui/templates/login.html b/fg21sim/webui/templates/login.html
index 51d4cd1..e0e98da 100644
--- a/fg21sim/webui/templates/login.html
+++ b/fg21sim/webui/templates/login.html
@@ -14,7 +14,7 @@
   <h2><span class="fa fa-key" aria-hidden="true"></span> Login</h2>
   <hr />
 
-  <form action="/login" method="post">
+  <form id="login" action="/login" method="post">
     {% module xsrf_form_html() %}
     <fieldset>
       <label for="password">Password:
@@ -28,3 +28,7 @@
   </form>
 </section>
 {% end %}
+
+{% block extra_script %}
+  <script src="{{ static_url('js/login.js') }}"></script>
+{% end %}