From d28ffd68ca450cce1ad232351dcf934301503074 Mon Sep 17 00:00:00 2001
From: Brett Smith <brett@sfconservancy.org>
Date: Fri, 2 Dec 2016 12:35:19 -0500
Subject: [PATCH] supporter: HTML5 improvements to form.

* Use "number" type for a better prompt.
* Use new standard "min" attribute for richer validation.
---
 www/conservancy/static/js/supporter-page.js                 | 2 +-
 www/conservancy/static/supporter/2016-supporter-appeal.html | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/www/conservancy/static/js/supporter-page.js b/www/conservancy/static/js/supporter-page.js
index 37bc2f95..6a2ec7a6 100644
--- a/www/conservancy/static/js/supporter-page.js
+++ b/www/conservancy/static/js/supporter-page.js
@@ -117,7 +117,7 @@ $(document).ready(function() {
         noCommaValue = value.replace(/,/g, "");
         var re = /^((\d{1,3}(,?\d{3})*?(\.\d{0,2})?)|\d+(\.\d{0,2})?)$/;
         var isValid = ( re.test(value) &&
-                        parseInt(noCommaValue) >= parseInt(input.attr("minimum")));
+                        parseInt(noCommaValue) >= parseInt(input.attr("min")));
         if (isValid)  {
            input.removeClass("invalid").addClass("valid");
            errorElement.removeClass("form-error-show").addClass("form-error");
diff --git a/www/conservancy/static/supporter/2016-supporter-appeal.html b/www/conservancy/static/supporter/2016-supporter-appeal.html
index b7f54c17..36b53e03 100644
--- a/www/conservancy/static/supporter/2016-supporter-appeal.html
+++ b/www/conservancy/static/supporter/2016-supporter-appeal.html
@@ -69,7 +69,7 @@
             <input type="hidden" name="item_name" value="Conservancy Supporter, Annual" />
             <input id="no_shipping" type="hidden" name="no_shipping" value="0" />
   <label for="amount"><strong>Amount:</strong> $</label>
-  <input id="amount" type="text" name="amount" size="7" minimum="120" value="120" />
+  <input id="amount" type="number" name="amount" size="7" min="120" value="120" />
   <span id="error" class="form-error-show">$120 is a minimum for Conservancy
   Supporters.  <a href="/donate">Donate smaller amounts here</a>.</span><br/>
 
@@ -138,7 +138,7 @@
             <input type="hidden" name="srt" value="0" />
             <input type="hidden" name="item_name" value="Conservancy Supporter, Monthly" />
   <label for="amount"><strong>Monthly Amount:</strong> $</label>
-  <input id="amount" type="text" name="a3" size="5" minimum="10" value="10" />
+  <input id="amount" type="number" name="a3" size="5" min="10" value="10" />
   <span id="error" class="form-error-show">$10/month is a minimum for Conservancy
   Supporters.  <a href="/donate">Donate smaller amounts here</a>.</span><br/>
                       <label for="wantGift"><strong>Do you want to receive a t-shirt? </strong></label>
@@ -197,7 +197,7 @@
             <input type="hidden" name="item_name" value="Conservancy Supporter, Annual Renewal" />
             <input id="no_shipping" type="hidden" name="no_shipping" value="0" />
   <label for="amount"><strong>Amount:</strong> $</label>
-  <input id="amount" type="text" name="amount" size="7" minimum="120" value="120" />
+  <input id="amount" type="number" name="amount" size="7" min="120" value="120" />
   <span id="error" class="form-error-show">$120 is a minimum for Conservancy
   Supporters.  <a href="/donate">Donate smaller amounts here</a>.</span><br/>