Merge pull request #261 from wildan3105/fix/handle-only-space

fix: username cannot contain any space.

Author: wildan3105

src/pages/partials/body.handlebars

@@ -13,8 +13,8 @@
           <form id="search-form" action="" method="get" action="#">
             <div class="input-group">
               <input type="text" class="form-control" autofocus="autofocus" id="username" name="username" placeholder="Github username"
-                required>
-              <button type="submit" class="input-group-addon btn" name="" onClick="showLoader();">
+                required title="Username cannot be empty or contain only spaces">
+              <button type="submit" class="input-group-addon btn" name="" onClick="return validateInput();">
                 <i class="fa fa-search"></i>
               </button>
             </div>
@@ -103,3 +103,15 @@
 <script src="public/js/spinner.js"></script>
 <div id="fb-root"></div>
 <script src="public/js/social.js"></script>
+
+<script>
+  function validateInput() {
+    const inputField = document.getElementById("username");
+    if (/\s/.test(inputField.value)) {
+      alert("Username cannot contain any spaces.");
+      return false;
+    }
+    showLoader();
+    return true;
+  }
+</script>