Skip to content

Commit e769545

Browse files
committed
Added Uk sort code formatting and validation.
Added Uk sort code formatting and validation. Tests pass and demo in place.
1 parent c5b5830 commit e769545

8 files changed

+145
-86
lines changed

.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
11
*.DS_Store
2+
node_modules/

demo/formancejs.html

+30-1
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@ <h2>Fields</h2>
4242
<li><a href="#credit_card_cvc">Credit Card CVC</a></li>
4343
<li><a href="#credit_card_expiry">Credit Card Expiry</a></li>
4444
<li><a href="#credit_card_number">Credit Card Number</a></li>
45+
<li><a href="#uk_sort_code">Uk Sort Code</a></li>
4546
<li><a href="#dd_mm_yyyy">Date dd / mm / yyyy </a></li>
4647
<li><a href="#yyyy_mm_dd">Date yyyy / mm / dd</a></li>
4748
<li><a href="#email">Email Address</a></li>
@@ -299,7 +300,35 @@ <h4>Credit Card Number</h4>
299300
</div>
300301

301302

303+
<div class='field' id='uk_sort_code'>
304+
<h4>Uk Sort Code</h4>
305+
<p> <input type="text" class="uk_sort_code" pattern="\d*" x-autocompletetype="uk_sort_code" placeholder="Uk sort code" required> </p>
302306

307+
<p>Formats the UK sort code:</p>
308+
309+
<ul>
310+
<li>Limits to 6 numbers</li>
311+
<li>Restricts input to numbers</li>
312+
<li>Includes a dash between every 2 digits</li>
313+
</ul>
314+
<div class="highlight highlight-javascript"><pre>
315+
<span class="nx">$</span><span class="p">(</span><span class="s1">'input.uk_sort_code'</span><span class="p">).</span><span class="nx">formance</span><span class="p">(</span><span class="s1">'format_uk_sort_code'</span><span class="p">);</span>
316+
</pre></div>
317+
318+
<p>Validates the UK sort code:</p>
319+
<ul>
320+
<li>Validates numbers</li>
321+
<li>Validates length</li>
322+
</ul>
323+
<div class="highlight highlight-javascript">
324+
<pre>
325+
<span class="nx">$</span><span class="p">(</span><span class="s1">'input.uk_sort_code'</span><span class="p">).</span><span class="nx">formance</span><span class="p">(</span><span class="s1">'validate_uk_sort_code'</span><span class="p">);</span>
326+
<span class="c1">//examples</span>
327+
<span class="nx">$</span><span class="p">(</span><span class="s2">"&lt;input value='09 - 09 - 09' /&gt;"</span><span class="p">).</span><span class="nx">formance</span><span class="p">(</span><span class="s1">'validate_uk_sort_code'</span><span class="p">);</span> <span class="c1">// true</span>
328+
<span class="nx">$</span><span class="p">(</span><span class="s2">"&lt;input value='00 -' /&gt;"</span><span class="p">).</span><span class="nx">formance</span><span class="p">(</span><span class="s1">'validate_uk_sort_code'</span><span class="p">);</span> <span class="c1">// false</span>
329+
</pre></div>
330+
331+
</div>
303332

304333

305334

@@ -483,7 +512,7 @@ <h4>Ontario Outdoors Card Number '708158 1234567890'</h4>
483512
</footer>
484513
</div>
485514
<!-- Javascript at the bottom for faster loading -->
486-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
515+
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
487516
<script src="js/scale.fix.js"></script>
488517
<script src="js/jquery.formance.min.js" /></script>
489518
<script src="js/awesome_form.js"></script>

demo/js/awesome_form.js

+1
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ jQuery(function($){
88
'number',
99
'phone_number',
1010
'postal_code',
11+
'uk_sort_code',
1112
'ontario_drivers_license_number',
1213
'ontario_photo_health_card_number',
1314
'ontario_outdoors_card_number']

demo/js/jquery.formance.min.js

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)