feat(Form Validator): Add library bootstrap-validator library

Signed-off-by: Rhilip <rhilipruan@gmail.com>
Rhilip · Jun 7, 2019 · 2476921 · 2476921
1 parent c3e329d
commit 2476921
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -29,6 +29,7 @@
 ### Fix
 - **Admin Panel:** Fix index num in Redis Keys Page
 - **Auth:** Fix Broken Auth page after frontend framework change
+- **DATABASE:** Fix CURRENT_TIMESTAMP Extra error
 - **Error:** Fix Error Handler
 - **Register:** Add captcha checker
 - **Tracker:** Add miss port check for field ipv6_port

diff --git a/README.md b/README.md
@@ -155,6 +155,7 @@ Or you can join our chat group on Telegram -- [@ridpt](https://t.me/ridpt)
 | [FortAwesome](https://github.com/FortAwesome/Font-Awesome): The iconic SVG, font, and CSS toolkit | <https://fontawesome.com/icons?d=gallery> |
 | [flag-css](https://github.com/7kfpun/flag-css): CSS for SVG country flags respecting the original ratio. | <https://kfpun.com/flag-css/> |
 | [zxcvbn](https://github.com/dropbox/zxcvbn): Low-Budget Password Strength Estimation | <https://lowe.github.io/tryzxcvbn/> |
+| [bootstrap-validator](https://github.com/1000hz/bootstrap-validator): A user-friendly HTML5 form validation jQuery plugin for Bootstrap 3 | <http://1000hz.github.io/bootstrap-validator> |
 
 ### Backend Library
 

diff --git a/apps/views/auth/base.php b/apps/views/auth/base.php
@@ -91,6 +91,7 @@
 <!-- Javascript of Library -->
 <script src="/lib/jquery/dist/jquery.min.js"></script>
 <script src="/lib/zui/dist/js/zui.min.js"></script>
+<script src="/lib/bootstrap-validator/dist/validator.min.js"></script>
 
 <!-- Custom Javascript of this template -->
 <script src="/static/js/main.js?<?= $css_tag ?>"></script>

diff --git a/apps/views/auth/login.php b/apps/views/auth/login.php
@@ -26,7 +26,7 @@
                     Login failed: <strong class="text-center"><?= $error_msg ?></strong>
                 </div>
                 <?php endif; ?>
-                <form class="auth-form" method="post">
+                <form class="auth-form" method="post" data-toggle="validator" role="form">
                     <div class="form-group">
                         <label for="username">Username / Email address</label>
                         <div class="input-group">

diff --git a/apps/views/auth/register.php b/apps/views/auth/register.php
@@ -37,14 +37,15 @@
                                 want an invite and you know someone who have one it's up to them to give you an invite.
                             </p>
                         <?php else: ?>
-                            <form class="auth-form" method="post">
+                            <form class="auth-form" method="post" data-toggle="validator" role="form">
                                 <label for="type"></label><input name="type" id="type" value="<?= $register_type ?>" style="display: none">
 
                                 <div class="form-group">
                                     <label for="username">Username</label>
                                     <div class="input-group">
                                         <span class="input-group-addon"><span class="fas fa-user-alt fa-fw"></span></span>
                                         <input type="text" class="form-control" id="username" name="username" required
+                                               pattern="^[A-Za-z0-9_]*$" maxlength="12"
                                                value="<?= $username ?? '' ?>">
                                     </div>
                                     <div class="help-block">
@@ -57,7 +58,7 @@
                                     </div>
                                 </div>
 
-                                <div class="form-group">
+                                <div class="form-group has-feedback">
                                     <label for="email">Email</label>
                                     <div class="input-group">
                                         <span class="input-group-addon"><span class="fas fa-envelope fa-fw"></span></span>
@@ -86,7 +87,7 @@
                                     <div class="input-group">
                                         <span class="input-group-addon"><span class="fas fa-key fa-fw"></span></span>
                                         <input type="password" class="form-control" id="password_again" name="password_again" required
-                                               onpaste="return false;"
+                                               onpaste="return false;" data-match="#password"
                                         >
                                     </div>
                                 </div>

diff --git a/bower.json b/bower.json
@@ -20,6 +20,7 @@
     "html5shiv": "^3.7.3",
     "respond": "^1.4.2",
     "flag-css": "^0.0.12",
-    "zxcvbn": "^4.4.2"
+    "zxcvbn": "^4.4.2",
+    "bootstrap-validator": "^0.11.9"
   }
 }