@@ -42,6 +42,7 @@ <h2>Fields</h2>
42
42
< li > < a href ="#credit_card_cvc "> Credit Card CVC</ a > </ li >
43
43
< li > < a href ="#credit_card_expiry "> Credit Card Expiry</ a > </ li >
44
44
< li > < a href ="#credit_card_number "> Credit Card Number</ a > </ li >
45
+ < li > < a href ="#uk_sort_code "> Uk Sort Code</ a > </ li >
45
46
< li > < a href ="#dd_mm_yyyy "> Date dd / mm / yyyy </ a > </ li >
46
47
< li > < a href ="#yyyy_mm_dd "> Date yyyy / mm / dd</ a > </ li >
47
48
< li > < a href ="#email "> Email Address</ a > </ li >
@@ -299,7 +300,35 @@ <h4>Credit Card Number</h4>
299
300
</ div >
300
301
301
302
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 >
302
306
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 "> "<input value='09 - 09 - 09' />"</ 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 "> "<input value='00 -' />"</ 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 >
303
332
304
333
305
334
@@ -483,7 +512,7 @@ <h4>Ontario Outdoors Card Number '708158 1234567890'</h4>
483
512
</ footer >
484
513
</ div >
485
514
<!-- 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 >
487
516
< script src ="js/scale.fix.js "> </ script >
488
517
< script src ="js/jquery.formance.min.js " /> </ script>
489
518
< script src = "js/awesome_form.js" > </ script >
0 commit comments