zipCode.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386
  1. function getCountryCode(value, validator, $field) {
  2. $('#msg').html('getCountryCode() called');
  3. return validator.getFieldElements('country').val();
  4. };
  5. TestSuite = $.extend({}, TestSuite, {
  6. ZipCode: {
  7. getCountryCode: function(value, validator, $field) {
  8. $('#msg').html('TestSuite.ZipCode.getCountryCode() called');
  9. return validator.getFieldElements('country').val();
  10. }
  11. }
  12. });
  13. describe('zipCode', function() {
  14. beforeEach(function() {
  15. $([
  16. '<form class="form-horizontal" id="zipCodeForm">',
  17. '<div id="msg"></div>',
  18. '<div class="form-group">',
  19. '<label class="col-md-3 control-label">Country:</label>',
  20. '<div class="col-md-2">',
  21. '<select class="form-control" name="country">',
  22. '<option value="">Select a country</option>',
  23. '<option value="CA">Canada</option>',
  24. '<option value="CZ">Czech Republic</option>',
  25. '<option value="DK">Denmark</option>',
  26. '<option value="FR">France</option>',
  27. '<option value="GB">United Kingdom</option>',
  28. '<option value="IE">Ireland</option>',
  29. '<option value="IT">Italy</option>',
  30. '<option value="NL">Netherlands</option>',
  31. '<option value="PT">Portugal</option>',
  32. '<option value="SE">Sweden</option>',
  33. '<option value="SK">Slovakia</option>',
  34. '<option value="US">United States</option>',
  35. '</select>',
  36. '</div>',
  37. '</div>',
  38. '<div class="form-group">',
  39. '<label class="col-md-3 control-label">Zipcode</label>',
  40. '<div class="col-md-2">',
  41. '<input type="text" class="form-control" name="zc" data-bv-zipcode data-bv-zipcode-country="US" />',
  42. '</div>',
  43. '</div>',
  44. '</form>'
  45. ].join('\n')).appendTo('body');
  46. $('#zipCodeForm').bootstrapValidator();
  47. /**
  48. * @type {BootstrapValidator}
  49. */
  50. this.bv = $('#zipCodeForm').data('bootstrapValidator');
  51. this.$country = this.bv.getFieldElements('country');
  52. this.$zipCode = this.bv.getFieldElements('zc');
  53. });
  54. afterEach(function() {
  55. $('#zipCodeForm').bootstrapValidator('destroy').remove();
  56. });
  57. it('country code updateOption()', function() {
  58. // Check IT postal code
  59. this.bv.updateOption('zc', 'zipCode', 'country', 'IT');
  60. this.$zipCode.val('1234');
  61. this.bv.validate();
  62. expect(this.bv.isValid()).toEqual(false);
  63. this.bv.resetForm();
  64. this.$zipCode.val('IT-12345');
  65. this.bv.validate();
  66. expect(this.bv.isValid()).toBeTruthy();
  67. // Check United Kingdom postal code
  68. this.bv.updateOption('zc', 'zipCode', 'country', 'GB');
  69. var validUkSamples = ['EC1A 1BB', 'W1A 1HQ', 'M1 1AA', 'B33 8TH', 'CR2 6XH', 'DN55 1PT', 'AI-2640', 'ASCN 1ZZ', 'GIR 0AA'];
  70. for (var i in validUkSamples) {
  71. this.bv.resetForm();
  72. this.$zipCode.val(validUkSamples[i]);
  73. this.bv.validate();
  74. expect(this.bv.isValid()).toBeTruthy();
  75. }
  76. });
  77. it('country code other field declarative', function() {
  78. this.$zipCode.attr('data-bv-zipcode-country', 'country');
  79. // Need to destroy the plugin instance ...
  80. $('#zipCodeForm').bootstrapValidator('destroy');
  81. // ... and re-create it
  82. this.bv = $('#zipCodeForm').bootstrapValidator().data('bootstrapValidator');
  83. this.$country.val('IT');
  84. this.bv.resetForm();
  85. this.$zipCode.val('1234');
  86. this.bv.validate();
  87. expect(this.bv.isValid()).toEqual(false);
  88. this.bv.resetForm();
  89. this.$zipCode.val('I-12345');
  90. this.bv.validate();
  91. expect(this.bv.isValid()).toBeTruthy();
  92. });
  93. it('country code callback declarative function', function() {
  94. this.$zipCode.attr('data-bv-zipcode-country', 'getCountryCode');
  95. $('#zipCodeForm').bootstrapValidator('destroy');
  96. this.bv = $('#zipCodeForm').bootstrapValidator().data('bootstrapValidator');
  97. this.$country.val('NL');
  98. this.$zipCode.val('0123');
  99. this.bv.validate();
  100. expect($('#msg').html()).toEqual('getCountryCode() called');
  101. expect(this.bv.isValid()).toEqual(false);
  102. });
  103. it('country code callback declarative function()', function() {
  104. this.$zipCode.attr('data-bv-zipcode-country', 'getCountryCode()');
  105. $('#zipCodeForm').bootstrapValidator('destroy');
  106. this.bv = $('#zipCodeForm').bootstrapValidator().data('bootstrapValidator');
  107. this.$country.val('NL');
  108. this.$zipCode.val('1234 ab');
  109. this.bv.validate();
  110. expect($('#msg').html()).toEqual('getCountryCode() called');
  111. expect(this.bv.isValid()).toBeTruthy();
  112. });
  113. it('country code callback declarative A.B.C', function() {
  114. this.$zipCode.attr('data-bv-zipcode-country', 'TestSuite.ZipCode.getCountryCode');
  115. $('#zipCodeForm').bootstrapValidator('destroy');
  116. this.bv = $('#zipCodeForm').bootstrapValidator().data('bootstrapValidator');
  117. this.$country.val('DK');
  118. this.$zipCode.val('DK 123');
  119. this.bv.validate();
  120. expect($('#msg').html()).toEqual('TestSuite.ZipCode.getCountryCode() called');
  121. expect(this.bv.isValid()).toEqual(false);
  122. });
  123. it('country code callback declarative A.B.C()', function() {
  124. this.$zipCode.attr('data-bv-zipcode-country', 'TestSuite.ZipCode.getCountryCode()');
  125. $('#zipCodeForm').bootstrapValidator('destroy');
  126. this.bv = $('#zipCodeForm').bootstrapValidator().data('bootstrapValidator');
  127. this.$country.val('DK');
  128. this.$zipCode.val('DK-1234');
  129. this.bv.validate();
  130. expect($('#msg').html()).toEqual('TestSuite.ZipCode.getCountryCode() called');
  131. expect(this.bv.isValid()).toBeTruthy();
  132. });
  133. it('country code callback programmatically', function() {
  134. this.$zipCode.removeAttr('data-bv-zipcode-country');
  135. $('#zipCodeForm').bootstrapValidator('destroy');
  136. this.bv = $('#zipCodeForm')
  137. .bootstrapValidator({
  138. fields: {
  139. zc: {
  140. validators: {
  141. zipCode: {
  142. country: function(value, validator, $field) {
  143. return getCountryCode(value, validator, $field);
  144. }
  145. }
  146. }
  147. }
  148. }
  149. })
  150. .data('bootstrapValidator');
  151. this.$country.val('SE');
  152. this.bv.resetForm();
  153. this.$zipCode.val('S-567 8');
  154. this.bv.validate();
  155. expect($('#msg').html()).toEqual('getCountryCode() called');
  156. expect(this.bv.isValid()).toEqual(false);
  157. this.bv.resetForm();
  158. this.$zipCode.val('S-12345');
  159. this.bv.validate();
  160. expect($('#msg').html()).toEqual('getCountryCode() called');
  161. expect(this.bv.isValid()).toBeTruthy();
  162. });
  163. it('not supported country code', function() {
  164. this.$zipCode.attr('data-bv-zipcode-country', 'NOT_SUPPORTED');
  165. $('#zipCodeForm').bootstrapValidator('destroy');
  166. this.bv = $('#zipCodeForm').bootstrapValidator().data('bootstrapValidator');
  167. this.bv.resetForm();
  168. this.$zipCode.val('1234');
  169. this.bv.validate();
  170. expect(this.bv.isValid()).toEqual(false);
  171. expect(this.bv.getMessages(this.$zipCode, 'zipCode')[0]).toEqual($.fn.bootstrapValidator.helpers.format($.fn.bootstrapValidator.i18n.zipCode.countryNotSupported, 'NOT_SUPPORTED'));
  172. });
  173. it('US zipcode', function() {
  174. this.$zipCode.val('12345');
  175. this.bv.validate();
  176. expect(this.bv.isValid()).toBeTruthy();
  177. this.bv.resetForm();
  178. this.$zipCode.val('123');
  179. this.bv.validate();
  180. expect(this.bv.isValid()).toEqual(false);
  181. });
  182. it('Czech Republic postal code', function() {
  183. this.bv.updateOption('zc', 'zipCode', 'country', 'CZ');
  184. // Valid samples
  185. var validSamples = ['12345', '123 45'];
  186. for (var i in validSamples) {
  187. this.bv.resetForm();
  188. this.$zipCode.val(validSamples[i]);
  189. this.bv.validate();
  190. expect(this.bv.isValid()).toBeTruthy();
  191. }
  192. // Invalid samples
  193. var invalidSamples = ['12 345', '123456', '1 2345', '1234 5', '12 3 45'];
  194. for (i in invalidSamples) {
  195. this.bv.resetForm();
  196. this.$zipCode.val(invalidSamples[i]);
  197. this.bv.validate();
  198. expect(this.bv.isValid()).toEqual(false);
  199. }
  200. });
  201. it('Slovakia postal code', function() {
  202. this.bv.updateOption('zc', 'zipCode', 'country', 'SK');
  203. // Valid samples
  204. var validSamples = ['12345', '123 45'];
  205. for (var i in validSamples) {
  206. this.bv.resetForm();
  207. this.$zipCode.val(validSamples[i]);
  208. this.bv.validate();
  209. expect(this.bv.isValid()).toBeTruthy();
  210. }
  211. // Invalid samples
  212. var invalidSamples = ['12 345', '123456', '1 2345', '1234 5', '12 3 45'];
  213. for (i in invalidSamples) {
  214. this.bv.resetForm();
  215. this.$zipCode.val(invalidSamples[i]);
  216. this.bv.validate();
  217. expect(this.bv.isValid()).toEqual(false);
  218. }
  219. });
  220. it('France postal code', function() {
  221. this.bv.updateOption('zc', 'zipCode', 'country', 'FR');
  222. // Valid samples
  223. var validSamples = ['12340', '01230', '75116'];
  224. for (var i in validSamples) {
  225. this.bv.resetForm();
  226. this.$zipCode.val(validSamples[i]);
  227. this.bv.validate();
  228. expect(this.bv.isValid()).toBeTruthy();
  229. }
  230. // Invalid samples
  231. var invalidSamples = ['123 45', '12 345', '123456', '1 2345', '1234 5', '12 3 45', '1234A'];
  232. for (i in invalidSamples) {
  233. this.bv.resetForm();
  234. this.$zipCode.val(invalidSamples[i]);
  235. this.bv.validate();
  236. expect(this.bv.isValid()).toEqual(false);
  237. }
  238. });
  239. it('Eircode (Ireland postal code)', function() {
  240. this.bv.updateOption('zc', 'zipCode', 'country', 'IE');
  241. // Valid samples
  242. var validSamples = ['A65 F4E2', 'D6W FNT4', 'T37 F8HK'];
  243. for (var i in validSamples) {
  244. this.bv.resetForm();
  245. this.$zipCode.val(validSamples[i]);
  246. this.bv.validate();
  247. expect(this.bv.isValid()).toBeTruthy();
  248. }
  249. // Invalid samples
  250. var invalidSamples = ['a65 f4e2', 'D6W FNTO', 'T37F8HK'];
  251. for (i in invalidSamples) {
  252. this.bv.resetForm();
  253. this.$zipCode.val(invalidSamples[i]);
  254. this.bv.validate();
  255. expect(this.bv.isValid()).toEqual(false);
  256. }
  257. });
  258. it('Portugal postal code', function() {
  259. this.bv.updateOption('zc', 'zipCode', 'country', 'PT');
  260. // Valid samples
  261. var validSamples = ['2435-459', '1000-000', '1234-456'];
  262. for (var i in validSamples) {
  263. this.bv.resetForm();
  264. this.$zipCode.val(validSamples[i]);
  265. this.bv.validate();
  266. expect(this.bv.isValid()).toBeTruthy();
  267. }
  268. // Invalid samples
  269. var invalidSamples = ['0123-456', '1234456', '1234-ABC', '1234 456'];
  270. for (i in invalidSamples) {
  271. this.bv.resetForm();
  272. this.$zipCode.val(invalidSamples[i]);
  273. this.bv.validate();
  274. expect(this.bv.isValid()).toEqual(false);
  275. }
  276. });
  277. it('Austria postal code', function() {
  278. this.bv.updateOption('zc', 'zipCode', 'country', 'AT');
  279. // Valid samples
  280. var validSamples = ['6020', '1010', '4853'];
  281. for (var i in validSamples) {
  282. this.bv.resetForm();
  283. this.$zipCode.val(validSamples[i]);
  284. this.bv.validate();
  285. expect(this.bv.isValid()).toBeTruthy();
  286. }
  287. // Invalid samples
  288. var invalidSamples = ['0020', '12345', '102', '12AB', 'AT 6020 XY'];
  289. for (i in invalidSamples) {
  290. this.bv.resetForm();
  291. this.$zipCode.val(invalidSamples[i]);
  292. this.bv.validate();
  293. expect(this.bv.isValid()).toEqual(false);
  294. }
  295. });
  296. it('Germany postal code', function() {
  297. this.bv.updateOption('zc', 'zipCode', 'country', 'DE');
  298. // Valid samples
  299. var validSamples = ['52238', '01001', '09107'];
  300. for (var i in validSamples) {
  301. this.bv.resetForm();
  302. this.$zipCode.val(validSamples[i]);
  303. this.bv.validate();
  304. expect(this.bv.isValid()).toBeTruthy();
  305. }
  306. // Invalid samples
  307. var invalidSamples = ['01000', '99999', '102', 'ABCDE', 'DE 52240 XY'];
  308. for (i in invalidSamples) {
  309. this.bv.resetForm();
  310. this.$zipCode.val(invalidSamples[i]);
  311. this.bv.validate();
  312. expect(this.bv.isValid()).toEqual(false);
  313. }
  314. });
  315. it('Switzerland postal code', function() {
  316. this.bv.updateOption('zc', 'zipCode', 'country', 'CH');
  317. // Valid samples
  318. var validSamples = [ '8280', '8090', '8238', '9490'];
  319. for (var i in validSamples) {
  320. this.bv.resetForm();
  321. this.$zipCode.val(validSamples[i]);
  322. this.bv.validate();
  323. expect(this.bv.isValid()).toBeTruthy();
  324. }
  325. // Invalid samples
  326. var invalidSamples = ['0123', '99999', '102', 'ABCD', 'CH-5224 XY'];
  327. for (i in invalidSamples) {
  328. this.bv.resetForm();
  329. this.$zipCode.val(invalidSamples[i]);
  330. this.bv.validate();
  331. expect(this.bv.isValid()).toEqual(false);
  332. }
  333. });
  334. });