From 208311023aa6eb433d5e1201eafcd53fab0e6dbd Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 10 Dec 2015 18:22:00 -0800
Subject: Form validation with bootstrap-validator

---
 views/users/wallet.html | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

(limited to 'views')

diff --git a/views/users/wallet.html b/views/users/wallet.html
index 8219c532..4848eedd 100644
--- a/views/users/wallet.html
+++ b/views/users/wallet.html
@@ -59,7 +59,7 @@
     </form>
   </div>
 
-  <div id="withdrawal">
+  <div id="withdrawal" style="display: none">
     <h3>Send Payment / Withdrawal</h3>
 
     <div id="transaction_sent" class="alert alert-success" style="display: none">
@@ -74,10 +74,10 @@
     </div>
 
     <form>
-      <div class="form-group">
-        <label for="amount">Amount:</label>
+      <div class="form-group has-feedback">
         <div class="input-group">
-          <input type="number" id="amount" name="amount" class="form-control" min="0" />
+          <label for="amount">Amount:</label>
+          <input type="number" id="amount" name="amount" class="form-control" min="0" required />
           <span class="input-group-btn">
             <button id="currency_toggle" type="button" class="btn btn-primary"></button>
           </span>
@@ -85,29 +85,37 @@
             <button id="max" type="button" class="btn btn-primary">Max</button>
           </span>
         </div>
+        <div class="help-block with-errors"></div>
       </div>
 
-      <div class="form-group">
-        <label for="amount">To Address:</label>
+      <div class="form-group has-feedback">
         <div class="input-group" style="width: 100%">
-          <input type="text" id="recipient" name="recipient" class="form-control" />
+          <label for="amount">To Address:</label>
+          <input type="text" id="recipient" name="recipient" class="form-control" data-address="true" required />
         </div>
+        <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+        <div class="help-block with-errors"></div>
       </div>  
       
-      <div class="form-group">
-        <label for="priority">Fee Priority for Confirmation Time:</label>
+      <div class="form-group has-feedback">
         <div class="input-group" style="width: 100%">
-          <select id="priority" name="priority" class="form-control">
+          <label for="priority">Fee Priority for Confirmation Time:</label>
+          <select id="priority" name="priority" class="form-control" required>
             <option value="low">Low</option>
             <option value="medium">Medium</option>
             <option value="high">High</option>
           </select>
         </div>
+        <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
       </div>
 
-      <div class="form-group">
-        <label for="password">Password:</label>
-        <input id="password" name="password" type="password" class="form-control"  />
+      <div class="form-group has-feedback">
+        <div class="input-group" style="width: 100%">
+          <label for="password">Password:</label>
+          <input id="password" name="password" type="password" class="form-control" data-password="true" required  />
+        </div>
+        <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+        <div class="help-block with-errors"></div>
       </div>
 
       <input id="send" class="btn btn-primary" type="button" value="Calculate Fee and Confirm Transaction" />
-- 
cgit v1.2.3