spec.js 70 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072
  1. describe('api', function() {
  2. // Override the options
  3. $.extend($.fn.bootstrapValidator.DEFAULT_OPTIONS, {
  4. feedbackIcons: {
  5. valid: 'glyphicon glyphicon-ok',
  6. invalid: 'glyphicon glyphicon-remove',
  7. validating: 'glyphicon glyphicon-refresh'
  8. }
  9. });
  10. beforeEach(function() {
  11. $([
  12. '<div class="container">',
  13. '<form class="form-horizontal" id="apiForm">',
  14. '<div class="form-group">',
  15. '<input type="text" name="username" data-bv-notempty />',
  16. '</div>',
  17. '<div class="form-group">',
  18. '<input type="text" name="email" data-bv-emailaddress />',
  19. '</div>',
  20. '</form>',
  21. '</div>'
  22. ].join('\n')).appendTo('body');
  23. $('#apiForm').bootstrapValidator();
  24. this.bv = $('#apiForm').data('bootstrapValidator');
  25. this.$email = this.bv.getFieldElements('email');
  26. });
  27. afterEach(function() {
  28. $('#apiForm').bootstrapValidator('destroy').parent().remove();
  29. });
  30. it('call revalidateField()', function() {
  31. this.$email.val('email@domain.com');
  32. this.bv.validate();
  33. expect(this.bv.isValidField('email')).toBeTruthy();
  34. this.$email.val('invalid#email.address');
  35. this.bv.revalidateField('email');
  36. expect(this.bv.isValidField(this.$email)).toEqual(false);
  37. });
  38. it('call destroy()', function() {
  39. this.bv.destroy();
  40. expect($('#apiForm').data('bootstrapValidator')).toBeUndefined();
  41. expect($('#apiForm').find('i[data-bv-icon-for]').length).toEqual(0);
  42. expect($('#apiForm').find('.help-block[data-bv-for]').length).toEqual(0);
  43. expect($('#apiForm').find('.has-feedback').length).toEqual(0);
  44. expect($('#apiForm').find('.has-success').length).toEqual(0);
  45. expect($('#apiForm').find('.has-error').length).toEqual(0);
  46. expect($('#apiForm').find('[data-bv-field]').length).toEqual(0);
  47. });
  48. });
  49. var My = {
  50. NameSpace: {
  51. onEmailValid: function(e, data) {
  52. $('#msg').html('My.NameSpace.onEmailValid() called, ' + data.field + ' is valid');
  53. },
  54. onEmailInvalid: function(e, data) {
  55. $('#msg').html('My.NameSpace.onEmailInvalid() called, ' + data.field + ' is invalid');
  56. },
  57. onFormValid: function(e) {
  58. $('#msg').html('My.NameSpace.onFormValid() called, form ' + $(e.target).attr('id') + ' is valid');
  59. },
  60. onFormInvalid: function(e) {
  61. $('#msg').html('My.NameSpace.onFormInvalid() called, form ' + $(e.target).attr('id') + ' is invalid');
  62. }
  63. }
  64. };
  65. // ---
  66. // Form events
  67. // ---
  68. function onFormValid(e) {
  69. $('#msg').html('form ' + $(e.target).attr('id') + ' is valid');
  70. };
  71. function onFormInvalid(e) {
  72. $('#msg').html('form ' + $(e.target).attr('id') + ' is invalid');
  73. };
  74. describe('event form attribute callback global', function() {
  75. beforeEach(function() {
  76. $([
  77. '<form class="form-horizontal" id="eventForm" data-bv-onsuccess="onFormValid" data-bv-onerror="onFormInvalid" >',
  78. '<div id="msg"></div>',
  79. '<div class="form-group">',
  80. '<input type="text" name="email" required data-bv-emailaddress />',
  81. '</div>',
  82. '</form>'
  83. ].join('\n')).appendTo('body');
  84. $('#eventForm').bootstrapValidator();
  85. this.bv = $('#eventForm').data('bootstrapValidator');
  86. this.$email = this.bv.getFieldElements('email');
  87. });
  88. afterEach(function() {
  89. $('#eventForm').bootstrapValidator('destroy').remove();
  90. });
  91. it('call data-bv-onsuccess', function() {
  92. this.$email.val('email@domain.com');
  93. this.bv.validate();
  94. expect($('#msg').html()).toEqual('form eventForm is valid');
  95. });
  96. it('call data-bv-onerror', function() {
  97. this.$email.val('email@domain');
  98. this.bv.validate();
  99. expect($('#msg').html()).toEqual('form eventForm is invalid');
  100. });
  101. });
  102. describe('event form attribute callback namespace', function() {
  103. beforeEach(function() {
  104. $([
  105. '<form class="form-horizontal" id="eventForm" data-bv-onsuccess="My.NameSpace.onFormValid" data-bv-onerror="My.NameSpace.onFormInvalid" >',
  106. '<div id="msg"></div>',
  107. '<div class="form-group">',
  108. '<input type="text" name="email" required data-bv-emailaddress />',
  109. '</div>',
  110. '</form>'
  111. ].join('\n')).appendTo('body');
  112. $('#eventForm').bootstrapValidator();
  113. this.bv = $('#eventForm').data('bootstrapValidator');
  114. this.$email = this.bv.getFieldElements('email');
  115. });
  116. afterEach(function() {
  117. $('#eventForm').bootstrapValidator('destroy').remove();
  118. });
  119. it('call data-bv-onsuccess', function() {
  120. this.$email.val('email@domain.com');
  121. this.bv.validate();
  122. expect($('#msg').html()).toEqual('My.NameSpace.onFormValid() called, form eventForm is valid');
  123. });
  124. it('call data-bv-onerror', function() {
  125. this.$email.val('email@domain');
  126. this.bv.validate();
  127. expect($('#msg').html()).toEqual('My.NameSpace.onFormInvalid() called, form eventForm is invalid');
  128. });
  129. });
  130. describe('event form trigger', function() {
  131. beforeEach(function() {
  132. $([
  133. '<form class="form-horizontal" id="eventForm">',
  134. '<div id="msg"></div>',
  135. '<div class="form-group">',
  136. '<input type="text" name="email" data-bv-emailaddress />',
  137. '</div>',
  138. '</form>'
  139. ].join('\n')).appendTo('body');
  140. $('#eventForm')
  141. .bootstrapValidator()
  142. .on('success.form.bv', function(e) {
  143. $('#msg').html('form ' + $(e.target).attr('id') + ' triggered success.form.bv event');
  144. })
  145. .on('error.form.bv', function(e) {
  146. $('#msg').html('form ' + $(e.target).attr('id') + ' triggered error.form.bv event');
  147. });
  148. this.bv = $('#eventForm').data('bootstrapValidator');
  149. this.$email = this.bv.getFieldElements('email');
  150. });
  151. afterEach(function() {
  152. $('#eventForm').bootstrapValidator('destroy').remove();
  153. });
  154. it('trigger success.form.bv', function() {
  155. this.$email.val('email@domain.com');
  156. this.bv.validate();
  157. expect($('#msg').html()).toEqual('form eventForm triggered success.form.bv event');
  158. });
  159. it('trigger error.form.bv', function() {
  160. this.$email.val('email@domain');
  161. this.bv.validate();
  162. expect($('#msg').html()).toEqual('form eventForm triggered error.form.bv event');
  163. });
  164. });
  165. describe('event form programmatically', function() {
  166. beforeEach(function() {
  167. $([
  168. '<form class="form-horizontal" id="eventForm">',
  169. '<div id="msg"></div>',
  170. '<div class="form-group">',
  171. '<input type="text" name="email" data-bv-emailaddress />',
  172. '</div>',
  173. '</form>'
  174. ].join('\n')).appendTo('body');
  175. $('#eventForm').bootstrapValidator({
  176. onSuccess: function(e) {
  177. $('#msg').html('onSuccess() called');
  178. },
  179. onError: function(e) {
  180. $('#msg').html('onError() called');
  181. }
  182. });
  183. this.bv = $('#eventForm').data('bootstrapValidator');
  184. this.$email = this.bv.getFieldElements('email');
  185. });
  186. afterEach(function() {
  187. $('#eventForm').bootstrapValidator('destroy').remove();
  188. });
  189. it('call onSuccess()', function() {
  190. this.$email.val('email@domain.com');
  191. this.bv.validate();
  192. expect($('#msg').html()).toEqual('onSuccess() called');
  193. });
  194. it('call onError()', function() {
  195. this.$email.val('email@domain');
  196. this.bv.validate();
  197. expect($('#msg').html()).toEqual('onError() called');
  198. });
  199. });
  200. // ---
  201. // Field events
  202. // ---
  203. function onEmailValid(e, data) {
  204. $('#msg').html(data.field + ' is valid');
  205. };
  206. function onEmailInvalid(e, data) {
  207. $('#msg').html(data.field + ' is invalid');
  208. };
  209. describe('event field attribute callback global', function() {
  210. beforeEach(function() {
  211. $([
  212. '<form class="form-horizontal" id="eventForm">',
  213. '<div id="msg"></div>',
  214. '<div class="form-group">',
  215. '<input type="text" name="email" data-bv-emailaddress data-bv-onsuccess="onEmailValid" data-bv-onerror="onEmailInvalid" />',
  216. '</div>',
  217. '</form>'
  218. ].join('\n')).appendTo('body');
  219. $('#eventForm').bootstrapValidator();
  220. this.bv = $('#eventForm').data('bootstrapValidator');
  221. this.$email = this.bv.getFieldElements('email');
  222. });
  223. afterEach(function() {
  224. $('#eventForm').bootstrapValidator('destroy').remove();
  225. });
  226. it('call data-bv-onsuccess', function() {
  227. this.$email.val('email@domain.com');
  228. this.bv.validate();
  229. expect($('#msg').html()).toEqual('email is valid');
  230. });
  231. it('call data-bv-onerror', function() {
  232. this.$email.val('email@domain');
  233. this.bv.validate();
  234. expect($('#msg').html()).toEqual('email is invalid');
  235. });
  236. });
  237. describe('event field attribute callback namespace', function() {
  238. beforeEach(function() {
  239. $([
  240. '<form class="form-horizontal" id="eventForm">',
  241. '<div id="msg"></div>',
  242. '<div class="form-group">',
  243. '<input type="text" name="email" data-bv-emailaddress data-bv-onsuccess="My.NameSpace.onEmailValid" data-bv-onerror="My.NameSpace.onEmailInvalid" />',
  244. '</div>',
  245. '</form>'
  246. ].join('\n')).appendTo('body');
  247. $('#eventForm').bootstrapValidator();
  248. this.bv = $('#eventForm').data('bootstrapValidator');
  249. this.$email = this.bv.getFieldElements('email');
  250. });
  251. afterEach(function() {
  252. $('#eventForm').bootstrapValidator('destroy').remove();
  253. });
  254. it('call data-bv-onsuccess', function() {
  255. this.$email.val('email@domain.com');
  256. this.bv.validate();
  257. expect($('#msg').html()).toEqual('My.NameSpace.onEmailValid() called, email is valid');
  258. });
  259. it('call data-bv-onerror', function() {
  260. this.$email.val('email@domain');
  261. this.bv.validate();
  262. expect($('#msg').html()).toEqual('My.NameSpace.onEmailInvalid() called, email is invalid');
  263. });
  264. });
  265. describe('event field trigger', function() {
  266. beforeEach(function() {
  267. $([
  268. '<form class="form-horizontal" id="eventForm">',
  269. '<div id="msg"></div>',
  270. '<div class="form-group">',
  271. '<input type="text" name="email" data-bv-emailaddress />',
  272. '</div>',
  273. '</form>'
  274. ].join('\n')).appendTo('body');
  275. $('#eventForm')
  276. .bootstrapValidator()
  277. .on('success.field.bv', '[name="email"]', function(e, data) {
  278. $('#msg').html('triggered success.field.bv on ' + data.field);
  279. })
  280. .on('error.field.bv', '[name="email"]', function(e, data) {
  281. $('#msg').html('triggered error.field.bv on ' + data.field);
  282. });
  283. this.bv = $('#eventForm').data('bootstrapValidator');
  284. this.$email = this.bv.getFieldElements('email');
  285. });
  286. afterEach(function() {
  287. $('#eventForm').bootstrapValidator('destroy').remove();
  288. });
  289. it('trigger success.field.bv', function() {
  290. this.$email.val('email@domain.com');
  291. this.bv.validate();
  292. expect($('#msg').html()).toEqual('triggered success.field.bv on email');
  293. });
  294. it('trigger error.field.bv', function() {
  295. this.$email.val('email@domain');
  296. this.bv.validate();
  297. expect($('#msg').html()).toEqual('triggered error.field.bv on email');
  298. });
  299. });
  300. describe('event field programmatically', function() {
  301. beforeEach(function() {
  302. $([
  303. '<form class="form-horizontal" id="eventForm">',
  304. '<div id="msg"></div>',
  305. '<div class="form-group">',
  306. '<input type="text" name="email" data-bv-emailaddress />',
  307. '</div>',
  308. '</form>'
  309. ].join('\n')).appendTo('body');
  310. $('#eventForm').bootstrapValidator({
  311. fields: {
  312. email: {
  313. onSuccess: function(e, data) {
  314. $('#msg').html('onSuccess() called');
  315. },
  316. onError: function(e, data) {
  317. $('#msg').html('onError() called');
  318. },
  319. validator: {
  320. emailAddress: {}
  321. }
  322. }
  323. }
  324. });
  325. this.bv = $('#eventForm').data('bootstrapValidator');
  326. this.$email = this.bv.getFieldElements('email');
  327. });
  328. afterEach(function() {
  329. $('#eventForm').bootstrapValidator('destroy').remove();
  330. });
  331. it('call onSuccess()', function() {
  332. this.$email.val('email@domain.com');
  333. this.bv.validate();
  334. expect($('#msg').html()).toEqual('onSuccess() called');
  335. });
  336. it('call onError()', function() {
  337. this.$email.val('email@domain');
  338. this.bv.validate();
  339. expect($('#msg').html()).toEqual('onError() called');
  340. });
  341. });
  342. describe('excluded', function() {
  343. beforeEach(function() {
  344. $([
  345. '<div class="container">',
  346. '<form class="form-horizontal" id="excludedForm" data-bv-excluded="[name=\'email\']">',
  347. '<div class="form-group">',
  348. '<input type="text" name="username" required />',
  349. '</div>',
  350. '<div class="form-group">',
  351. '<input type="text" name="email" required data-bv-emailaddress />',
  352. '</div>',
  353. '</form>',
  354. '</div>'
  355. ].join('')).appendTo('body');
  356. $('#excludedForm').bootstrapValidator();
  357. this.bv = $('#excludedForm').data('bootstrapValidator');
  358. this.$username = this.bv.getFieldElements('username');
  359. this.$email = this.bv.getFieldElements('email');
  360. });
  361. afterEach(function() {
  362. $('#excludedForm').bootstrapValidator('destroy').parent().remove();
  363. });
  364. it('excluded form declarative', function() {
  365. this.bv.validate();
  366. expect(this.bv.isValid()).toEqual(false);
  367. this.bv.resetForm();
  368. this.$username.val('your_user_name');
  369. this.$email.val('');
  370. this.bv.validate();
  371. expect(this.bv.isValid()).toBeTruthy();
  372. });
  373. it('excluded form programmatically', function() {
  374. this.bv.destroy();
  375. $('#excludedForm').removeAttr('data-bv-excluded');
  376. $('#excludedForm').bootstrapValidator({
  377. excluded: '[name="username"]'
  378. });
  379. this.bv = $('#excludedForm').data('bootstrapValidator');
  380. this.$username = this.bv.getFieldElements('username');
  381. this.$email = this.bv.getFieldElements('email');
  382. this.$username.val('');
  383. this.$email.val('invalid#email.com');
  384. this.bv.validate();
  385. expect(this.bv.isValid()).toEqual(false);
  386. this.bv.resetForm();
  387. this.$email.val('valid@email.com');
  388. this.bv.validate();
  389. expect(this.bv.isValid()).toBeTruthy();
  390. });
  391. it('excluded field declarative', function() {
  392. this.bv.destroy();
  393. $('#excludedForm').removeAttr('data-bv-excluded');
  394. $('#excludedForm').find('[name="username"]').attr('data-bv-excluded', 'true');
  395. $('#excludedForm').find('[name="email"]').attr('data-bv-excluded', 'false');
  396. this.bv = $('#excludedForm').bootstrapValidator().data('bootstrapValidator');
  397. this.$username = this.bv.getFieldElements('username');
  398. this.$email = this.bv.getFieldElements('email');
  399. this.$username.val('');
  400. this.$email.val('');
  401. this.bv.validate();
  402. expect(this.bv.isValid()).toEqual(false);
  403. this.bv.resetForm();
  404. this.$email.val('invalid#email.com');
  405. this.bv.validate();
  406. expect(this.bv.isValid()).toEqual(false);
  407. this.bv.resetForm();
  408. this.$email.val('valid@email.com');
  409. this.bv.validate();
  410. expect(this.bv.isValid()).toBeTruthy();
  411. });
  412. it('excluded field programmatically true/false', function() {
  413. this.bv.destroy();
  414. $('#excludedForm').removeAttr('data-bv-excluded');
  415. $('#excludedForm').bootstrapValidator({
  416. fields: {
  417. username: {
  418. excluded: true
  419. },
  420. email: {
  421. excluded: false
  422. }
  423. }
  424. });
  425. this.bv = $('#excludedForm').bootstrapValidator().data('bootstrapValidator');
  426. this.$username = this.bv.getFieldElements('username');
  427. this.$email = this.bv.getFieldElements('email');
  428. this.$username.val('');
  429. this.$email.val('');
  430. this.bv.validate();
  431. expect(this.bv.isValid()).toEqual(false);
  432. this.bv.resetForm();
  433. this.$email.val('invalid#email.com');
  434. this.bv.validate();
  435. expect(this.bv.isValid()).toEqual(false);
  436. this.bv.resetForm();
  437. this.$email.val('valid@email.com');
  438. this.bv.validate();
  439. expect(this.bv.isValid()).toBeTruthy();
  440. });
  441. it('excluded field programmatically "true"/"false"', function() {
  442. this.bv.destroy();
  443. $('#excludedForm').removeAttr('data-bv-excluded');
  444. $('#excludedForm').bootstrapValidator({
  445. fields: {
  446. username: {
  447. excluded: 'false'
  448. },
  449. email: {
  450. excluded: 'true'
  451. }
  452. }
  453. });
  454. this.bv = $('#excludedForm').bootstrapValidator().data('bootstrapValidator');
  455. this.$username = this.bv.getFieldElements('username');
  456. this.$email = this.bv.getFieldElements('email');
  457. this.$username.val('');
  458. this.$email.val('valid@email.com');
  459. this.bv.validate();
  460. expect(this.bv.isValid()).toEqual(false);
  461. this.bv.resetForm();
  462. this.$username.val('your_user_name');
  463. this.$email.val('invalid#email.com');
  464. this.bv.validate();
  465. expect(this.bv.isValid()).toBeTruthy();
  466. });
  467. });
  468. describe('group option', function() {
  469. beforeEach(function() {
  470. $([
  471. '<form id="groupForm" method="post" class="form-horizontal">',
  472. '<div class="form-group">',
  473. '<div class="firstNameGroup">',
  474. '<label class="col-sm-2 control-label">First name</label>',
  475. '<div class="col-sm-4">',
  476. '<input type="text" class="form-control" name="firstName" />',
  477. '</div>',
  478. '</div>',
  479. '<div class="lastNameGroup">',
  480. '<label class="col-sm-2 control-label">Last name</label>',
  481. '<div class="col-sm-4">',
  482. '<input type="text" class="form-control" name="lastName" data-bv-group=".lastNameGroup" />',
  483. '</div>',
  484. '</div>',
  485. '</div>',
  486. '<div class="form-group">',
  487. '<label class="col-sm-2 control-label">Username</label>',
  488. '<div class="col-sm-5">',
  489. '<input type="text" class="form-control" name="username" />',
  490. '</div>',
  491. '</div>',
  492. '</form>'
  493. ].join('')).appendTo('body');
  494. $('#groupForm').bootstrapValidator({
  495. fields: {
  496. firstName: {
  497. group: '.firstNameGroup',
  498. validators: {
  499. notEmpty: {
  500. message: 'The first name is required and cannot be empty'
  501. }
  502. }
  503. },
  504. lastName: {
  505. validators: {
  506. notEmpty: {
  507. message: 'The last name is required and cannot be empty'
  508. }
  509. }
  510. },
  511. username: {
  512. validators: {
  513. notEmpty: {
  514. message: 'The username is required and cannot be empty'
  515. },
  516. stringLength: {
  517. min: 6,
  518. max: 30,
  519. message: 'The username must be more than 6 and less than 30 characters long'
  520. },
  521. regexp: {
  522. regexp: /^[a-zA-Z0-9_\.]+$/,
  523. message: 'The username can only consist of alphabetical, number, dot and underscore'
  524. }
  525. }
  526. }
  527. }
  528. });
  529. this.bv = $('#groupForm').data('bootstrapValidator');
  530. this.$firstName = this.bv.getFieldElements('firstName');
  531. this.$lastName = this.bv.getFieldElements('lastName');
  532. this.$username = this.bv.getFieldElements('username');
  533. });
  534. afterEach(function() {
  535. $('#groupForm').bootstrapValidator('destroy').remove();
  536. });
  537. it('group default', function() {
  538. this.$username.val('123@#$');
  539. this.bv.validate();
  540. expect(this.$username.parents('.form-group').hasClass('has-error')).toBeTruthy();
  541. expect(this.$username.parents('.form-group').hasClass('has-success')).toEqual(false);
  542. this.bv.resetForm();
  543. this.$username.val('validUser.Name');
  544. this.bv.validate();
  545. expect(this.$username.parents('.form-group').hasClass('has-success')).toBeTruthy();
  546. expect(this.$username.parents('.form-group').hasClass('has-error')).toEqual(false);
  547. });
  548. it('group programmatically', function() {
  549. this.$firstName.val('');
  550. this.bv.validate();
  551. expect(this.$firstName.parents('.firstNameGroup').hasClass('has-error')).toBeTruthy();
  552. expect(this.$firstName.parents('.form-group').hasClass('has-error')).toEqual(false);
  553. });
  554. it('group declarative', function() {
  555. this.$lastName.val('Last');
  556. this.bv.validate();
  557. expect(this.$lastName.parents('.lastNameGroup').hasClass('has-success')).toBeTruthy();
  558. expect(this.$lastName.parents('.lastNameGroup').hasClass('has-error')).toEqual(false);
  559. expect(this.$lastName.parents('.form-group').hasClass('has-error')).toEqual(false);
  560. });
  561. });
  562. describe('i18n', function() {
  563. beforeEach(function() {
  564. $([
  565. '<form id="i18nForm" class="form-horizontal">',
  566. '<div class="form-group">',
  567. '<label class="col-lg-3 control-label">Full name</label>',
  568. '<div class="col-lg-5">',
  569. '<input type="text" class="form-control" name="fullName" />',
  570. '</div>',
  571. '</div>',
  572. '<div class="form-group">',
  573. '<label class="col-lg-3 control-label">Username</label>',
  574. '<div class="col-lg-5">',
  575. '<input type="text" class="form-control" name="username" />',
  576. '</div>',
  577. '</div>',
  578. '<div class="form-group">',
  579. '<label class="col-lg-3 control-label">Email address</label>',
  580. '<div class="col-lg-5">',
  581. '<input type="text" class="form-control" name="email" />',
  582. '</div>',
  583. '</div>',
  584. '<div class="form-group">',
  585. '<label class="col-lg-3 control-label">Password</label>',
  586. '<div class="col-lg-5">',
  587. '<input type="password" class="form-control" name="password" />',
  588. '</div>',
  589. '</div>',
  590. '<div class="form-group">',
  591. '<label class="col-lg-3 control-label">Retype password</label>',
  592. '<div class="col-lg-5">',
  593. '<input type="password" class="form-control" name="confirmPassword" />',
  594. '</div>',
  595. '</div>',
  596. '<div class="form-group">',
  597. '<label class="col-lg-3 control-label">Gender</label>',
  598. '<div class="col-lg-5">',
  599. '<div class="radio">',
  600. '<label><input type="radio" name="gender" value="male" /> Male</label>',
  601. '</div>',
  602. '<div class="radio">',
  603. '<label><input type="radio" name="gender" value="female" /> Female</label>',
  604. '</div>',
  605. '<div class="radio">',
  606. '<label><input type="radio" name="gender" value="other" /> Other</label>',
  607. '</div>',
  608. '</div>',
  609. '</div>',
  610. '<div class="form-group">',
  611. '<label class="col-lg-3 control-label">Age</label>',
  612. '<div class="col-lg-3">',
  613. '<input type="text" class="form-control" name="age" />',
  614. '</div>',
  615. '</div>',
  616. '<div class="form-group">',
  617. '<label class="col-lg-3 control-label">Website</label>',
  618. '<div class="col-lg-5">',
  619. '<input type="text" class="form-control" name="website" />',
  620. '</div>',
  621. '</div>',
  622. '<div class="form-group">',
  623. '<label class="col-lg-3 control-label">Phone number</label>',
  624. '<div class="col-lg-5">',
  625. '<input type="text" class="form-control" name="phoneNumber" />',
  626. '</div>',
  627. '</div>',
  628. '<div class="form-group">',
  629. '<label class="col-lg-3 control-label">Languages</label>',
  630. '<div class="col-lg-5">',
  631. '<div class="checkbox">',
  632. '<label><input type="checkbox" name="languages[]" value="english" /> English</label>',
  633. '</div>',
  634. '<div class="checkbox">',
  635. '<label><input type="checkbox" name="languages[]" value="french" /> French</label>',
  636. '</div>',
  637. '<div class="checkbox">',
  638. '<label><input type="checkbox" name="languages[]" value="german" /> German</label>',
  639. '</div>',
  640. '<div class="checkbox">',
  641. '<label><input type="checkbox" name="languages[]" value="russian" /> Russian</label>',
  642. '</div>',
  643. '<div class="checkbox">',
  644. '<label><input type="checkbox" name="languages[]" value="other" /> Other</label>',
  645. '</div>',
  646. '</div>',
  647. '</div>',
  648. '<div class="form-group">',
  649. '<label class="col-lg-3 control-label">Programming Languages</label>',
  650. '<div class="col-lg-5">',
  651. '<div class="checkbox">',
  652. '<label><input type="checkbox" name="programs[]" value="net" /> .Net</label>',
  653. '</div>',
  654. '<div class="checkbox">',
  655. '<label><input type="checkbox" name="programs[]" value="java" /> Java</label>',
  656. '</div>',
  657. '<div class="checkbox">',
  658. '<label><input type="checkbox" name="programs[]" value="c" /> C/C++</label>',
  659. '</div>',
  660. '<div class="checkbox">',
  661. '<label><input type="checkbox" name="programs[]" value="php" /> PHP</label>',
  662. '</div>',
  663. '<div class="checkbox">',
  664. '<label><input type="checkbox" name="programs[]" value="perl" /> Perl</label>',
  665. '</div>',
  666. '<div class="checkbox">',
  667. '<label><input type="checkbox" name="programs[]" value="ruby" /> Ruby</label>',
  668. '</div>',
  669. '<div class="checkbox">',
  670. '<label><input type="checkbox" name="programs[]" value="python" /> Python</label>',
  671. '</div>',
  672. '<div class="checkbox">',
  673. '<label><input type="checkbox" name="programs[]" value="javascript" /> Javascript</label>',
  674. '</div>',
  675. '</div>',
  676. '</div>',
  677. '</form>'
  678. ].join('')).appendTo('body');
  679. $('#i18nForm').bootstrapValidator({
  680. feedbackIcons: {
  681. valid: 'glyphicon glyphicon-ok',
  682. invalid: 'glyphicon glyphicon-remove',
  683. validating: 'glyphicon glyphicon-refresh'
  684. },
  685. fields: {
  686. fullName: {
  687. validators: {
  688. notEmpty: {},
  689. stringCase: {
  690. 'case': 'upper'
  691. }
  692. }
  693. },
  694. username: {
  695. validators: {
  696. notEmpty: {},
  697. stringLength: {
  698. min: 6,
  699. max: 20
  700. },
  701. regexp: {
  702. regexp: /^[a-zA-Z0-9_\.]+$/
  703. },
  704. different: {
  705. field: 'password'
  706. }
  707. }
  708. },
  709. email: {
  710. validators: {
  711. emailAddress: {}
  712. }
  713. },
  714. password: {
  715. validators: {
  716. notEmpty: {},
  717. identical: {
  718. field: 'confirmPassword'
  719. },
  720. different: {
  721. field: 'username'
  722. }
  723. }
  724. },
  725. confirmPassword: {
  726. validators: {
  727. notEmpty: {},
  728. identical: {
  729. field: 'password'
  730. },
  731. different: {
  732. field: 'username'
  733. }
  734. }
  735. },
  736. age: {
  737. validators: {
  738. notEmpty: {},
  739. digits: {},
  740. greaterThan: {
  741. value: 18
  742. },
  743. lessThan: {
  744. value: 100
  745. }
  746. }
  747. },
  748. website: {
  749. validators: {
  750. notEmpty: {},
  751. uri: {}
  752. }
  753. },
  754. phoneNumber: {
  755. validators: {
  756. notEmpty: {},
  757. digits: {},
  758. phone: {
  759. country: 'US'
  760. }
  761. }
  762. },
  763. gender: {
  764. validators: {
  765. notEmpty: {}
  766. }
  767. },
  768. 'languages[]': {
  769. validators: {
  770. notEmpty: {}
  771. }
  772. },
  773. 'programs[]': {
  774. validators: {
  775. choice: {
  776. min: 2,
  777. max: 4
  778. }
  779. }
  780. }
  781. }
  782. });
  783. this.bv = $('#i18nForm').data('bootstrapValidator');
  784. this.$fullName = this.bv.getFieldElements('fullName');
  785. this.$email = this.bv.getFieldElements('email');
  786. this.$userName = this.bv.getFieldElements('username');
  787. this.$password = this.bv.getFieldElements('password');
  788. this.$confirm = this.bv.getFieldElements('confirmPassword');
  789. this.$age = this.bv.getFieldElements('age');
  790. this.$website = this.bv.getFieldElements('website');
  791. this.$phone = this.bv.getFieldElements('phoneNumber');
  792. this.$program = this.bv.getFieldElements('programs[]');
  793. });
  794. afterEach(function() {
  795. $('#i18nForm').bootstrapValidator('destroy').remove();
  796. });
  797. it('default message', function() {
  798. this.bv.validate();
  799. expect(this.bv.getMessages(this.$fullName, 'notEmpty')[0]).toEqual($.fn.bootstrapValidator.i18n.notEmpty['default']);
  800. this.$fullName.val('lowerName');
  801. this.bv.revalidateField('fullName');
  802. expect(this.bv.getMessages('fullName', 'stringCase')[0]).toEqual($.fn.bootstrapValidator.i18n.stringCase.upper);
  803. this.bv.resetForm();
  804. this.$userName.val('123');
  805. this.bv.validate();
  806. expect(this.bv.getMessages('username', 'stringLength')[0]).toEqual($.fn.bootstrapValidator.i18n.stringLength.getMessage({ min: 6, max: 20 }));
  807. this.bv.resetForm();
  808. this.$userName.val('contain@#$');
  809. this.bv.validate();
  810. expect(this.bv.getMessages(this.$userName, 'regexp')[0]).toEqual($.fn.bootstrapValidator.i18n.regexp['default']);
  811. this.bv.resetForm();
  812. this.$userName.val('validUserName');
  813. this.$password.val('validUserName');
  814. this.bv.validate();
  815. expect(this.bv.getMessages('username', 'different')[0]).toEqual($.fn.bootstrapValidator.i18n.different['default']);
  816. this.bv.resetForm();
  817. this.$email.val('invalid#email@address');
  818. this.bv.validate();
  819. expect(this.bv.getMessages(this.$email, 'emailAddress')[0]).toEqual($.fn.bootstrapValidator.i18n.emailAddress['default']);
  820. this.bv.resetForm();
  821. this.$password.val('@S3cur3P@@w0rd');
  822. this.$confirm.val('notMatch');
  823. this.bv.validate();
  824. expect(this.bv.getMessages('password', 'identical')[0]).toEqual($.fn.bootstrapValidator.i18n.identical['default']);
  825. this.bv.resetForm();
  826. this.$age.val('notDigit');
  827. this.bv.validate();
  828. expect(this.bv.getMessages('age', 'digits')[0]).toEqual($.fn.bootstrapValidator.i18n.digits['default']);
  829. this.bv.resetForm();
  830. this.$age.val(10);
  831. this.bv.validate();
  832. expect(this.bv.getMessages(this.$age, 'greaterThan')[0]).toEqual($.fn.bootstrapValidator.i18n.greaterThan.getMessage({ value: 18 }));
  833. this.bv.resetForm();
  834. this.$age.val(120);
  835. this.bv.validate();
  836. expect(this.bv.getMessages('age', 'lessThan')[0]).toEqual($.fn.bootstrapValidator.i18n.lessThan.getMessage({ value: 100 }));
  837. this.bv.resetForm();
  838. this.$website.val('http://invalidWebsite');
  839. this.bv.validate();
  840. expect(this.bv.getMessages('website', 'uri')[0]).toEqual($.fn.bootstrapValidator.i18n.uri['default']);
  841. this.bv.resetForm();
  842. this.$phone.val('123456');
  843. this.bv.validate();
  844. expect(this.bv.getMessages('phoneNumber', 'phone')[0]).toEqual($.fn.bootstrapValidator.i18n.phone.getMessage({ country: 'US' }));
  845. this.bv.resetForm();
  846. this.$program.eq(0).prop('checked', 'checked');
  847. this.bv.validate();
  848. expect(this.bv.getMessages(this.$program, 'choice')[0]).toEqual($.fn.bootstrapValidator.i18n.choice.getMessage({ min: 2, max: 4 }));
  849. this.bv.resetForm();
  850. this.$program.prop('checked', 'checked');
  851. this.bv.validate();
  852. expect(this.bv.getMessages('programs[]', 'choice')[0]).toEqual($.fn.bootstrapValidator.i18n.choice.getMessage({ min: 2, max: 4 }));
  853. });
  854. });
  855. describe('message', function() {
  856. beforeEach(function() {
  857. var html = [
  858. '<div class="container">',
  859. '<form class="form-horizontal" id="messageForm">',
  860. '<div class="form-group">',
  861. '<input type="password" class="form-control" name="password" placeholder="Enter secure password" />',
  862. '</div>',
  863. '</form>',
  864. '</div>'
  865. ].join('\n');
  866. $(html).appendTo('body');
  867. $('#messageForm').bootstrapValidator({
  868. fields: {
  869. password: {
  870. validators: {
  871. notEmpty: {
  872. message: 'The password is required'
  873. },
  874. callback: {
  875. callback: function(value, validator) {
  876. // Check the password strength
  877. if (value.length < 6) {
  878. return {
  879. valid: false,
  880. message: 'The password must be more than 6 characters'
  881. }
  882. }
  883. if (value === value.toLowerCase()) {
  884. return {
  885. valid: false,
  886. message: 'The password must contain at least one upper case character'
  887. }
  888. }
  889. if (value === value.toUpperCase()) {
  890. return {
  891. valid: false,
  892. message: 'The password must contain at least one lower case character'
  893. }
  894. }
  895. if (value.search(/[0-9]/) < 0) {
  896. return {
  897. valid: false,
  898. message: 'The password must contain at least one digit'
  899. }
  900. }
  901. return true;
  902. }
  903. }
  904. }
  905. }
  906. }
  907. });
  908. this.bv = $('#messageForm').data('bootstrapValidator');
  909. this.$password = this.bv.getFieldElements('password');
  910. });
  911. afterEach(function() {
  912. $('#messageForm').bootstrapValidator('destroy').parent().remove();
  913. });
  914. it('update message from callback', function() {
  915. this.bv.resetForm();
  916. this.$password.val('123');
  917. this.bv.validate();
  918. expect(this.bv.getMessages('password', 'callback')[0]).toEqual('The password must be more than 6 characters');
  919. this.bv.resetForm();
  920. this.$password.val('no_upper_case!@#');
  921. this.bv.validate();
  922. expect(this.bv.getMessages('password', 'callback')[0]).toEqual('The password must contain at least one upper case character');
  923. this.bv.resetForm();
  924. this.$password.val('NO_LOWER_CASE123');
  925. this.bv.validate();
  926. expect(this.bv.getMessages('password', 'callback')[0]).toEqual('The password must contain at least one lower case character');
  927. this.bv.resetForm();
  928. this.$password.val('NoDigits!@#');
  929. this.bv.validate();
  930. expect(this.bv.getMessages('password', 'callback')[0]).toEqual('The password must contain at least one digit');
  931. });
  932. it('call updateMessage()', function() {
  933. this.bv.updateStatus('password', this.bv.STATUS_INVALID, 'callback');
  934. this.bv.updateMessage('password', 'callback', 'The password is weak');
  935. expect(this.bv.getMessages('password', 'callback')[0]).toEqual('The password is weak');
  936. this.bv.updateMessage(this.$password, 'callback', 'The password is not strong');
  937. expect(this.bv.getMessages(this.$password, 'callback')[0]).toEqual('The password is not strong');
  938. });
  939. });
  940. function validateCaptcha(value, validator, $field) {
  941. var items = $('#captchaOperation').html().split(' '), sum = parseInt(items[0]) + parseInt(items[2]);
  942. return value === sum + '';
  943. };
  944. describe('callback', function() {
  945. beforeEach(function() {
  946. $(['<div class="container">',
  947. '<form class="form-horizontal" id="callbackForm">',
  948. '<div class="form-group">',
  949. '<label class="col-md-3 control-label" id="captchaOperation"></label>',
  950. '<div class="col-md-2">',
  951. '<input type="text" class="form-control" name="captcha" />',
  952. '</div>',
  953. '</div>',
  954. '<div class="form-group">',
  955. '<div class="col-md-2 col-md-offset-3">',
  956. '<input type="text" class="form-control" name="declarativeCaptcha" data-bv-callback data-bv-callback-callback="validateCaptcha" />',
  957. '</div>',
  958. '</div>',
  959. '</form>',
  960. '</div>'
  961. ].join('\n')).appendTo('body');
  962. $('#callbackForm').bootstrapValidator({
  963. fields: {
  964. captcha: {
  965. validators: {
  966. callback: {
  967. message: 'Wrong answer',
  968. callback: function(value, validator, $field) {
  969. return validateCaptcha(value, validator, $field);
  970. }
  971. }
  972. }
  973. }
  974. }
  975. });
  976. this.bv = $('#callbackForm').data('bootstrapValidator');
  977. this.$captcha = this.bv.getFieldElements('captcha');
  978. this.$declarativeCaptcha = this.bv.getFieldElements('declarativeCaptcha');
  979. });
  980. afterEach(function() {
  981. $('#callbackForm').bootstrapValidator('destroy').parent().remove();
  982. });
  983. it('execute the callback', function() {
  984. $('#captchaOperation').html('1 + 2');
  985. this.$captcha.val('3');
  986. this.bv.validate();
  987. expect(this.bv.isValidField('captcha')).toBeTruthy();
  988. this.bv.resetForm();
  989. this.$captcha.val('5');
  990. this.bv.validate();
  991. expect(this.bv.isValidField('captcha')).toEqual(false);
  992. });
  993. it('callback declarative', function() {
  994. $('#captchaOperation').html('10 + 20');
  995. this.$declarativeCaptcha.val('40');
  996. this.bv.validate();
  997. expect(this.bv.isValidField('declarativeCaptcha')).toEqual(false);
  998. this.bv.resetForm();
  999. this.$declarativeCaptcha.val('30');
  1000. this.bv.validate();
  1001. expect(this.bv.isValidField('declarativeCaptcha')).toBeTruthy();
  1002. });
  1003. });
  1004. describe('creditCard', function() {
  1005. // Get the fake credit card number at http://www.getcreditcardnumbers.com/
  1006. beforeEach(function() {
  1007. var html = [
  1008. '<div class="container">',
  1009. '<form class="form-horizontal" id="ccForm">',
  1010. '<div class="form-group">',
  1011. '<input type="text" name="cc" data-bv-creditcard />',
  1012. '</div>',
  1013. '</form>',
  1014. '</div>'
  1015. ].join('\n');
  1016. $(html).appendTo('body');
  1017. $('#ccForm').bootstrapValidator();
  1018. this.bv = $('#ccForm').data('bootstrapValidator');
  1019. this.$creditCard = this.bv.getFieldElements('cc');
  1020. });
  1021. afterEach(function() {
  1022. $('#ccForm').bootstrapValidator('destroy').parent().remove();
  1023. });
  1024. it('accept spaces', function() {
  1025. this.$creditCard.val('5267 9789 9451 9654');
  1026. this.bv.validate();
  1027. expect(this.bv.isValidField('cc')).toBeTruthy();
  1028. });
  1029. it('accept dashes', function() {
  1030. this.$creditCard.val('6011-2649-6840-4521');
  1031. this.bv.validate();
  1032. expect(this.bv.isValidField('cc')).toBeTruthy();
  1033. });
  1034. it('invalid format', function() {
  1035. this.$creditCard.val('4539.1870.2954.3862');
  1036. this.bv.validate();
  1037. expect(this.bv.isValidField('cc')).toEqual(false);
  1038. });
  1039. it('American Express', function() {
  1040. this.$creditCard.val('340653705597107');
  1041. this.bv.validate();
  1042. expect(this.bv.isValidField('cc')).toBeTruthy();
  1043. });
  1044. it('American Express invalid length', function() {
  1045. this.$creditCard.val('3744148309166730');
  1046. this.bv.validate();
  1047. expect(this.bv.isValidField('cc')).toEqual(false);
  1048. });
  1049. it('American Express invalid prefix', function() {
  1050. this.$creditCard.val('356120148436654');
  1051. this.bv.validate();
  1052. expect(this.bv.isValidField('cc')).toEqual(false);
  1053. });
  1054. it('Diners Club', function() {
  1055. this.$creditCard.val('30130708434187');
  1056. this.bv.validate();
  1057. expect(this.bv.isValidField('cc')).toBeTruthy();
  1058. });
  1059. it('Diners Club (US)', function() {
  1060. this.$creditCard.val('5517479515603901');
  1061. this.bv.validate();
  1062. expect(this.bv.isValidField('cc')).toBeTruthy();
  1063. });
  1064. it('Discover', function() {
  1065. this.$creditCard.val('6011734674929094');
  1066. this.bv.validate();
  1067. expect(this.bv.isValidField('cc')).toBeTruthy();
  1068. });
  1069. it('JCB', function() {
  1070. this.$creditCard.val('3566002020360505');
  1071. this.bv.validate();
  1072. expect(this.bv.isValidField('cc')).toBeTruthy();
  1073. });
  1074. it('Laser', function() {
  1075. this.$creditCard.val('6304 9000 1774 0292 441');
  1076. this.bv.validate();
  1077. expect(this.bv.isValidField('cc')).toBeTruthy();
  1078. });
  1079. it('Maestro', function() {
  1080. this.$creditCard.val('6762835098779303');
  1081. this.bv.validate();
  1082. expect(this.bv.isValidField('cc')).toBeTruthy();
  1083. });
  1084. it('Mastercard', function() {
  1085. this.$creditCard.val('5303765013600904');
  1086. this.bv.validate();
  1087. expect(this.bv.isValidField('cc')).toBeTruthy();
  1088. });
  1089. it('Solo', function() {
  1090. this.$creditCard.val('6334580500000000');
  1091. this.bv.validate();
  1092. expect(this.bv.isValidField('cc')).toBeTruthy();
  1093. });
  1094. it('Visa', function() {
  1095. this.$creditCard.val('4929248980295542');
  1096. this.bv.validate();
  1097. expect(this.bv.isValidField('cc')).toBeTruthy();
  1098. });
  1099. it('Visa invalid check digit', function() {
  1100. this.$creditCard.val('4532599916257826');
  1101. this.bv.validate();
  1102. expect(this.bv.isValidField('cc')).toEqual(false);
  1103. });
  1104. });
  1105. describe('ean', function() {
  1106. beforeEach(function() {
  1107. var html = [
  1108. '<div class="container">',
  1109. '<form class="form-horizontal" id="eanForm">',
  1110. '<div class="form-group">',
  1111. '<input type="text" name="ean" data-bv-ean />',
  1112. '</div>',
  1113. '</form>',
  1114. '</div>'
  1115. ].join('\n');
  1116. $(html).appendTo('body');
  1117. $('#eanForm').bootstrapValidator();
  1118. this.bv = $('#eanForm').data('bootstrapValidator');
  1119. this.$ean = this.bv.getFieldElements('ean');
  1120. });
  1121. afterEach(function() {
  1122. $('#eanForm').bootstrapValidator('destroy').parent().remove();
  1123. });
  1124. it('valid', function() {
  1125. var samples = ['73513537', '9780471117094', '4006381333931'];
  1126. for (var i in samples) {
  1127. this.$ean.val(samples[i]);
  1128. this.bv.validate();
  1129. expect(this.bv.isValidField('ean')).toBeTruthy();
  1130. }
  1131. });
  1132. it('contains only digits', function() {
  1133. this.$ean.val('123abcDEF!@#');
  1134. this.bv.validate();
  1135. expect(this.bv.isValidField('ean')).toEqual(false);
  1136. });
  1137. it('invalid length', function() {
  1138. this.$ean.val('1234567');
  1139. this.bv.validate();
  1140. expect(this.bv.isValidField('ean')).toEqual(false);
  1141. });
  1142. it('invalid check digit', function() {
  1143. this.$ean.val('73513536');
  1144. this.bv.validate();
  1145. expect(this.bv.isValidField('ean')).toEqual(false);
  1146. });
  1147. });
  1148. describe('iban', function() {
  1149. beforeEach(function() {
  1150. var html = [
  1151. '<div class="container">',
  1152. '<form class="form-horizontal" id="ibanForm">',
  1153. '<div class="form-group">',
  1154. '<input type="text" name="iban" data-bv-iban />',
  1155. '</div>',
  1156. '</form>',
  1157. '</div>'
  1158. ].join('\n');
  1159. $(html).appendTo('body');
  1160. $('#ibanForm').bootstrapValidator();
  1161. this.bv = $('#ibanForm').data('bootstrapValidator');
  1162. this.$iban = this.bv.getFieldElements('iban');
  1163. });
  1164. afterEach(function() {
  1165. $('#ibanForm').bootstrapValidator('destroy').parent().remove();
  1166. });
  1167. it('not supported country', function() {
  1168. this.$iban.val('US123456789');
  1169. this.bv.validate();
  1170. expect(this.bv.isValidField('iban')).toEqual(false);
  1171. });
  1172. it('Albania', function() {
  1173. this.$iban.val('AL47212110090000000235698741');
  1174. this.bv.validate();
  1175. expect(this.bv.isValidField('iban')).toBeTruthy();
  1176. });
  1177. it('Algeria', function() {
  1178. this.$iban.val('DZ4000400174401001050486');
  1179. this.bv.validate();
  1180. expect(this.bv.isValidField('iban')).toBeTruthy();
  1181. });
  1182. it('Andorra', function() {
  1183. this.$iban.val('AD1200012030200359100100');
  1184. this.bv.validate();
  1185. expect(this.bv.isValidField('iban')).toBeTruthy();
  1186. });
  1187. it('Angola', function() {
  1188. this.$iban.val('AO06000600000100037131174');
  1189. this.bv.validate();
  1190. expect(this.bv.isValidField('iban')).toBeTruthy();
  1191. });
  1192. it('Austria', function() {
  1193. this.$iban.val('AT611904300234573201');
  1194. this.bv.validate();
  1195. expect(this.bv.isValidField('iban')).toBeTruthy();
  1196. });
  1197. it('Azerbaijan', function() {
  1198. this.$iban.val('AZ21NABZ00000000137010001944');
  1199. this.bv.validate();
  1200. expect(this.bv.isValidField('iban')).toBeTruthy();
  1201. });
  1202. it('Bahrain', function() {
  1203. this.$iban.val('BH29BMAG1299123456BH00');
  1204. this.bv.validate();
  1205. expect(this.bv.isValidField('iban')).toBeTruthy();
  1206. });
  1207. it('Belgium', function() {
  1208. this.$iban.val('BE68539007547034');
  1209. this.bv.validate();
  1210. expect(this.bv.isValidField('iban')).toBeTruthy();
  1211. });
  1212. it('Benin', function() {
  1213. this.$iban.val('BJ11B00610100400271101192591');
  1214. this.bv.validate();
  1215. expect(this.bv.isValidField('iban')).toBeTruthy();
  1216. });
  1217. it('Brazil', function() {
  1218. this.$iban.val('BR9700360305000010009795493P1');
  1219. this.bv.validate();
  1220. expect(this.bv.isValidField('iban')).toBeTruthy();
  1221. });
  1222. it('Bulgaria', function() {
  1223. this.$iban.val('BG80BNBG96611020345678');
  1224. this.bv.validate();
  1225. expect(this.bv.isValidField('iban')).toBeTruthy();
  1226. });
  1227. it('Burkina Faso', function() {
  1228. this.$iban.val('BF1030134020015400945000643');
  1229. this.bv.validate();
  1230. expect(this.bv.isValidField('iban')).toBeTruthy();
  1231. });
  1232. it('Burundi', function() {
  1233. this.$iban.val('BI43201011067444');
  1234. this.bv.validate();
  1235. expect(this.bv.isValidField('iban')).toBeTruthy();
  1236. });
  1237. it('Cameroon', function() {
  1238. this.$iban.val('CM2110003001000500000605306');
  1239. this.bv.validate();
  1240. expect(this.bv.isValidField('iban')).toBeTruthy();
  1241. });
  1242. it('Cape Verde', function() {
  1243. this.$iban.val('CV64000300004547069110176');
  1244. this.bv.validate();
  1245. expect(this.bv.isValidField('iban')).toBeTruthy();
  1246. });
  1247. it('Costa Rica', function() {
  1248. this.$iban.val('CR0515202001026284066');
  1249. this.bv.validate();
  1250. expect(this.bv.isValidField('iban')).toBeTruthy();
  1251. });
  1252. it('Croatia', function() {
  1253. this.$iban.val('HR1210010051863000160');
  1254. this.bv.validate();
  1255. expect(this.bv.isValidField('iban')).toBeTruthy();
  1256. });
  1257. it('Cyprus', function() {
  1258. this.$iban.val('CY17002001280000001200527600');
  1259. this.bv.validate();
  1260. expect(this.bv.isValidField('iban')).toBeTruthy();
  1261. });
  1262. it('Czech Republic', function() {
  1263. this.$iban.val('CZ6508000000192000145399');
  1264. this.bv.validate();
  1265. expect(this.bv.isValidField('iban')).toBeTruthy();
  1266. });
  1267. it('Denmark', function() {
  1268. this.$iban.val('DK5000400440116243');
  1269. this.bv.validate();
  1270. expect(this.bv.isValidField('iban')).toBeTruthy();
  1271. });
  1272. it('Dominican Republic', function() {
  1273. this.$iban.val('DO28BAGR00000001212453611324');
  1274. this.bv.validate();
  1275. expect(this.bv.isValidField('iban')).toBeTruthy();
  1276. });
  1277. it('Estonia', function() {
  1278. this.$iban.val('EE382200221020145685');
  1279. this.bv.validate();
  1280. expect(this.bv.isValidField('iban')).toBeTruthy();
  1281. });
  1282. it('Faroe Islands', function() {
  1283. this.$iban.val('FO1464600009692713');
  1284. this.bv.validate();
  1285. expect(this.bv.isValidField('iban')).toBeTruthy();
  1286. });
  1287. it('Finland', function() {
  1288. this.$iban.val('FI2112345600000785');
  1289. this.bv.validate();
  1290. expect(this.bv.isValidField('iban')).toBeTruthy();
  1291. });
  1292. it('France', function() {
  1293. this.$iban.val('FR1420041010050500013M02606');
  1294. this.bv.validate();
  1295. expect(this.bv.isValidField('iban')).toBeTruthy();
  1296. });
  1297. it('Guatemala', function() {
  1298. this.$iban.val('GT82TRAJ01020000001210029690');
  1299. this.bv.validate();
  1300. expect(this.bv.isValidField('iban')).toBeTruthy();
  1301. });
  1302. it('Georgia', function() {
  1303. this.$iban.val('GE29NB0000000101904917');
  1304. this.bv.validate();
  1305. expect(this.bv.isValidField('iban')).toBeTruthy();
  1306. });
  1307. it('Germany', function() {
  1308. this.$iban.val('DE89370400440532013000');
  1309. this.bv.validate();
  1310. expect(this.bv.isValidField('iban')).toBeTruthy();
  1311. });
  1312. it('Gibraltar', function() {
  1313. this.$iban.val('GI75NWBK000000007099453');
  1314. this.bv.validate();
  1315. expect(this.bv.isValidField('iban')).toBeTruthy();
  1316. });
  1317. it('Greece', function() {
  1318. this.$iban.val('GR1601101250000000012300695');
  1319. this.bv.validate();
  1320. expect(this.bv.isValidField('iban')).toBeTruthy();
  1321. });
  1322. it('Greenland', function() {
  1323. this.$iban.val('GL8964710001000206');
  1324. this.bv.validate();
  1325. expect(this.bv.isValidField('iban')).toBeTruthy();
  1326. });
  1327. it('Hungary', function() {
  1328. this.$iban.val('HU42117730161111101800000000');
  1329. this.bv.validate();
  1330. expect(this.bv.isValidField('iban')).toBeTruthy();
  1331. });
  1332. it('Iceland', function() {
  1333. this.$iban.val('IS140159260076545510730339');
  1334. this.bv.validate();
  1335. expect(this.bv.isValidField('iban')).toBeTruthy();
  1336. });
  1337. it('Iran', function() {
  1338. this.$iban.val('IR580540105180021273113007');
  1339. this.bv.validate();
  1340. expect(this.bv.isValidField('iban')).toBeTruthy();
  1341. });
  1342. it('Ireland', function() {
  1343. this.$iban.val('IE29AIBK93115212345678');
  1344. this.bv.validate();
  1345. expect(this.bv.isValidField('iban')).toBeTruthy();
  1346. });
  1347. it('Israel', function() {
  1348. this.$iban.val('IL620108000000099999999');
  1349. this.bv.validate();
  1350. expect(this.bv.isValidField('iban')).toBeTruthy();
  1351. });
  1352. it('Italy', function() {
  1353. this.$iban.val('IT60X0542811101000000123456');
  1354. this.bv.validate();
  1355. expect(this.bv.isValidField('iban')).toBeTruthy();
  1356. });
  1357. it('Ivory Coast', function() {
  1358. this.$iban.val('CI05A00060174100178530011852');
  1359. this.bv.validate();
  1360. expect(this.bv.isValidField('iban')).toBeTruthy();
  1361. });
  1362. it('Jordan', function() {
  1363. this.$iban.val('JO94CBJO0010000000000131000302');
  1364. this.bv.validate();
  1365. expect(this.bv.isValidField('iban')).toBeTruthy();
  1366. });
  1367. it('Kazakhstan', function() {
  1368. this.$iban.val('KZ176010251000042993');
  1369. this.bv.validate();
  1370. expect(this.bv.isValidField('iban')).toBeTruthy();
  1371. });
  1372. it('Kuwait', function() {
  1373. this.$iban.val('KW74NBOK0000000000001000372151');
  1374. this.bv.validate();
  1375. expect(this.bv.isValidField('iban')).toBeTruthy();
  1376. });
  1377. it('Latvia', function() {
  1378. this.$iban.val('LV80BANK0000435195001');
  1379. this.bv.validate();
  1380. expect(this.bv.isValidField('iban')).toBeTruthy();
  1381. });
  1382. it('Lebanon', function() {
  1383. this.$iban.val('LB30099900000001001925579115');
  1384. this.bv.validate();
  1385. expect(this.bv.isValidField('iban')).toBeTruthy();
  1386. });
  1387. it('Liechtenstein', function() {
  1388. this.$iban.val('LI21088100002324013AA');
  1389. this.bv.validate();
  1390. expect(this.bv.isValidField('iban')).toBeTruthy();
  1391. });
  1392. it('Lithuania', function() {
  1393. this.$iban.val('LT121000011101001000');
  1394. this.bv.validate();
  1395. expect(this.bv.isValidField('iban')).toBeTruthy();
  1396. });
  1397. it('Luxembourg', function() {
  1398. this.$iban.val('LU280019400644750000');
  1399. this.bv.validate();
  1400. expect(this.bv.isValidField('iban')).toBeTruthy();
  1401. });
  1402. it('Macedonia', function() {
  1403. this.$iban.val('MK07300000000042425');
  1404. this.bv.validate();
  1405. expect(this.bv.isValidField('iban')).toBeTruthy();
  1406. });
  1407. it('Madagascar', function() {
  1408. this.$iban.val('MG4600005030010101914016056');
  1409. this.bv.validate();
  1410. expect(this.bv.isValidField('iban')).toBeTruthy();
  1411. });
  1412. it('Malta', function() {
  1413. this.$iban.val('MT84MALT011000012345MTLCAST001S');
  1414. this.bv.validate();
  1415. expect(this.bv.isValidField('iban')).toBeTruthy();
  1416. });
  1417. it('Mauritania', function() {
  1418. this.$iban.val('MR1300012000010000002037372');
  1419. this.bv.validate();
  1420. expect(this.bv.isValidField('iban')).toBeTruthy();
  1421. });
  1422. it('Mauritius', function() {
  1423. this.$iban.val('MU17BOMM0101101030300200000MUR');
  1424. this.bv.validate();
  1425. expect(this.bv.isValidField('iban')).toBeTruthy();
  1426. });
  1427. it('Mali', function() {
  1428. this.$iban.val('ML03D00890170001002120000447');
  1429. this.bv.validate();
  1430. expect(this.bv.isValidField('iban')).toBeTruthy();
  1431. });
  1432. it('Moldova', function() {
  1433. this.$iban.val('MD24AG000225100013104168');
  1434. this.bv.validate();
  1435. expect(this.bv.isValidField('iban')).toBeTruthy();
  1436. });
  1437. it('Monaco', function() {
  1438. this.$iban.val('MC5813488000010051108001292');
  1439. this.bv.validate();
  1440. expect(this.bv.isValidField('iban')).toBeTruthy();
  1441. });
  1442. it('Montenegro', function() {
  1443. this.$iban.val('ME25505000012345678951');
  1444. this.bv.validate();
  1445. expect(this.bv.isValidField('iban')).toBeTruthy();
  1446. });
  1447. it('Mozambique', function() {
  1448. this.$iban.val('MZ59000100000011834194157');
  1449. this.bv.validate();
  1450. expect(this.bv.isValidField('iban')).toBeTruthy();
  1451. });
  1452. it('Netherlands', function() {
  1453. this.$iban.val('NL91ABNA0417164300');
  1454. this.bv.validate();
  1455. expect(this.bv.isValidField('iban')).toBeTruthy();
  1456. });
  1457. it('Norway', function() {
  1458. this.$iban.val('NO9386011117947');
  1459. this.bv.validate();
  1460. expect(this.bv.isValidField('iban')).toBeTruthy();
  1461. });
  1462. it('Pakistan', function() {
  1463. this.$iban.val('PK24SCBL0000001171495101');
  1464. this.bv.validate();
  1465. expect(this.bv.isValidField('iban')).toBeTruthy();
  1466. });
  1467. it('Palestine', function() {
  1468. this.$iban.val('PS92PALS000000000400123456702');
  1469. this.bv.validate();
  1470. expect(this.bv.isValidField('iban')).toBeTruthy();
  1471. });
  1472. it('Poland', function() {
  1473. this.$iban.val('PL27114020040000300201355387');
  1474. this.bv.validate();
  1475. expect(this.bv.isValidField('iban')).toBeTruthy();
  1476. });
  1477. it('Portugal', function() {
  1478. this.$iban.val('PT50000201231234567890154');
  1479. this.bv.validate();
  1480. expect(this.bv.isValidField('iban')).toBeTruthy();
  1481. });
  1482. it('Qatar', function() {
  1483. this.$iban.val('QA58DOHB00001234567890ABCDEFG');
  1484. this.bv.validate();
  1485. expect(this.bv.isValidField('iban')).toBeTruthy();
  1486. });
  1487. it('Romania', function() {
  1488. this.$iban.val('RO49AAAA1B31007593840000');
  1489. this.bv.validate();
  1490. expect(this.bv.isValidField('iban')).toBeTruthy();
  1491. });
  1492. it('San Marino', function() {
  1493. this.$iban.val('SM86U0322509800000000270100');
  1494. this.bv.validate();
  1495. expect(this.bv.isValidField('iban')).toBeTruthy();
  1496. });
  1497. it('Saudi Arabia', function() {
  1498. this.$iban.val('SA0380000000608010167519');
  1499. this.bv.validate();
  1500. expect(this.bv.isValidField('iban')).toBeTruthy();
  1501. });
  1502. it('Senegal', function() {
  1503. this.$iban.val('SN12K00100152000025690007542');
  1504. this.bv.validate();
  1505. expect(this.bv.isValidField('iban')).toBeTruthy();
  1506. });
  1507. it('Serbia', function() {
  1508. this.$iban.val('RS35260005601001611379');
  1509. this.bv.validate();
  1510. expect(this.bv.isValidField('iban')).toBeTruthy();
  1511. });
  1512. it('Slovakia', function() {
  1513. this.$iban.val('SK3112000000198742637541');
  1514. this.bv.validate();
  1515. expect(this.bv.isValidField('iban')).toBeTruthy();
  1516. });
  1517. it('Slovenia', function() {
  1518. this.$iban.val('SI56191000000123438');
  1519. this.bv.validate();
  1520. expect(this.bv.isValidField('iban')).toBeTruthy();
  1521. });
  1522. it('Spain', function() {
  1523. this.$iban.val('ES9121000418450200051332');
  1524. this.bv.validate();
  1525. expect(this.bv.isValidField('iban')).toBeTruthy();
  1526. });
  1527. it('Sweden', function() {
  1528. this.$iban.val('SE3550000000054910000003');
  1529. this.bv.validate();
  1530. expect(this.bv.isValidField('iban')).toBeTruthy();
  1531. });
  1532. it('Switzerland', function() {
  1533. this.$iban.val('CH9300762011623852957');
  1534. this.bv.validate();
  1535. expect(this.bv.isValidField('iban')).toBeTruthy();
  1536. });
  1537. it('Tunisia', function() {
  1538. this.$iban.val('TN5914207207100707129648');
  1539. this.bv.validate();
  1540. expect(this.bv.isValidField('iban')).toBeTruthy();
  1541. });
  1542. it('Turkey', function() {
  1543. this.$iban.val('TR330006100519786457841326');
  1544. this.bv.validate();
  1545. expect(this.bv.isValidField('iban')).toBeTruthy();
  1546. });
  1547. it('United Arab Emirates', function() {
  1548. this.$iban.val('AE260211000000230064016');
  1549. this.bv.validate();
  1550. expect(this.bv.isValidField('iban')).toBeTruthy();
  1551. });
  1552. it('United Kingdom', function() {
  1553. this.$iban.val('GB29NWBK60161331926819');
  1554. this.bv.validate();
  1555. expect(this.bv.isValidField('iban')).toBeTruthy();
  1556. });
  1557. it('Virgin Islands, British', function() {
  1558. this.$iban.val('VG96VPVG0000012345678901');
  1559. this.bv.validate();
  1560. expect(this.bv.isValidField('iban')).toBeTruthy();
  1561. });
  1562. it('invalid checksum', function() {
  1563. this.$iban.val('TR330006100519786457841325');
  1564. this.bv.validate();
  1565. expect(this.bv.isValidField('iban')).toEqual(false);
  1566. });
  1567. });
  1568. describe('isbn', function() {
  1569. beforeEach(function() {
  1570. var html = [
  1571. '<div class="container">',
  1572. '<form class="form-horizontal" id="isbnForm">',
  1573. '<div class="form-group">',
  1574. '<input type="text" name="isbn" data-bv-isbn />',
  1575. '</div>',
  1576. '</form>',
  1577. '</div>'
  1578. ].join('\n');
  1579. $(html).appendTo('body');
  1580. $('#isbnForm').bootstrapValidator();
  1581. this.bv = $('#isbnForm').data('bootstrapValidator');
  1582. this.$isbn = this.bv.getFieldElements('isbn');
  1583. });
  1584. afterEach(function() {
  1585. $('#isbnForm').bootstrapValidator('destroy').parent().remove();
  1586. });
  1587. it('isbn10 hyphen', function() {
  1588. var samples = ['99921-58-10-7', '9971-5-0210-0', '960-425-059-0', '80-902734-1-6'];
  1589. for (var i in samples) {
  1590. this.$isbn.val(samples[i]);
  1591. this.bv.validate();
  1592. expect(this.bv.isValidField('isbn')).toBeTruthy();
  1593. }
  1594. });
  1595. it('isbn10 space', function() {
  1596. var samples = ['85 359 0277 5', '1 84356 028 3', '0 684 84328 5', '0 85131 041 9', '0 943396 04 2'];
  1597. for (var i in samples) {
  1598. this.$isbn.val(samples[i]);
  1599. this.bv.validate();
  1600. expect(this.bv.isValidField('isbn')).toBeTruthy();
  1601. }
  1602. });
  1603. it('isbn10 hyphen with X', function() {
  1604. var samples = ['0-8044-2957-X', '0-9752298-0-X'];
  1605. for (var i in samples) {
  1606. this.$isbn.val(samples[i]);
  1607. this.bv.validate();
  1608. expect(this.bv.isValidField('isbn')).toBeTruthy();
  1609. }
  1610. });
  1611. it('isbn10 invalid check digit', function() {
  1612. this.$isbn.val('99921-58-10-6');
  1613. this.bv.validate();
  1614. expect(this.bv.isValidField('isbn')).toEqual(false);
  1615. });
  1616. it('isbn13', function() {
  1617. this.$isbn.val('978-0-306-40615-7');
  1618. this.bv.validate();
  1619. expect(this.bv.isValidField('isbn')).toBeTruthy();
  1620. });
  1621. it('isbn13 invalid check digit', function() {
  1622. this.$isbn.val('978-0-306-40615-6');
  1623. this.bv.validate();
  1624. expect(this.bv.isValidField('isbn')).toEqual(false);
  1625. });
  1626. });
  1627. describe('isin', function() {
  1628. beforeEach(function() {
  1629. var html = [
  1630. '<div class="container">',
  1631. '<form class="form-horizontal" id="isinForm">',
  1632. '<div class="form-group">',
  1633. '<input type="text" name="isin" data-bv-isin />',
  1634. '</div>',
  1635. '</form>',
  1636. '</div>'
  1637. ].join('\n');
  1638. $(html).appendTo('body');
  1639. $('#isinForm').bootstrapValidator();
  1640. this.bv = $('#isinForm').data('bootstrapValidator');
  1641. this.$isin = this.bv.getFieldElements('isin');
  1642. });
  1643. afterEach(function() {
  1644. $('#isinForm').bootstrapValidator('destroy').parent().remove();
  1645. });
  1646. it('valid', function() {
  1647. var samples = ['US0378331005', 'AU0000XVGZA3', 'GB0002634946'];
  1648. for (var i in samples) {
  1649. this.$isin.val(samples[i]);
  1650. this.bv.validate();
  1651. expect(this.bv.isValidField('isin')).toBeTruthy();
  1652. }
  1653. });
  1654. it('invalid country code', function() {
  1655. this.$isin.val('AA0000XVGZA3');
  1656. this.bv.validate();
  1657. expect(this.bv.isValidField('isin')).toEqual(false);
  1658. });
  1659. it('contains only digits and alphabet', function() {
  1660. this.$isin.val('US12345ABC@#$');
  1661. this.bv.validate();
  1662. expect(this.bv.isValidField('isin')).toEqual(false);
  1663. });
  1664. it('invalid length', function() {
  1665. this.$isin.val('US1234567');
  1666. this.bv.validate();
  1667. expect(this.bv.isValidField('isin')).toEqual(false);
  1668. });
  1669. it('invalid check digit', function() {
  1670. this.$isin.val('US0378331004');
  1671. this.bv.validate();
  1672. expect(this.bv.isValidField('isin')).toEqual(false);
  1673. });
  1674. });
  1675. describe('ismn', function() {
  1676. beforeEach(function() {
  1677. var html = [
  1678. '<div class="container">',
  1679. '<form class="form-horizontal" id="ismnForm">',
  1680. '<div class="form-group">',
  1681. '<input type="text" name="ismn" data-bv-ismn />',
  1682. '</div>',
  1683. '</form>',
  1684. '</div>'
  1685. ].join('\n');
  1686. $(html).appendTo('body');
  1687. $('#ismnForm').bootstrapValidator();
  1688. this.bv = $('#ismnForm').data('bootstrapValidator');
  1689. this.$ismn = this.bv.getFieldElements('ismn');
  1690. });
  1691. afterEach(function() {
  1692. $('#ismnForm').bootstrapValidator('destroy').parent().remove();
  1693. });
  1694. it('valid start with M', function() {
  1695. this.$ismn.val('M230671187');
  1696. this.bv.validate();
  1697. expect(this.bv.isValidField('ismn')).toBeTruthy();
  1698. });
  1699. it('valid start with 979', function() {
  1700. this.$ismn.val('9790060115615');
  1701. this.bv.validate();
  1702. expect(this.bv.isValidField('ismn')).toBeTruthy();
  1703. });
  1704. it('valid contains spaces', function() {
  1705. this.$ismn.val('979 0 3452 4680 5');
  1706. this.bv.validate();
  1707. expect(this.bv.isValidField('ismn')).toBeTruthy();
  1708. });
  1709. it('valid contains dashes', function() {
  1710. this.$ismn.val('979-0-0601-1561-5');
  1711. this.bv.validate();
  1712. expect(this.bv.isValidField('ismn')).toBeTruthy();
  1713. });
  1714. it('invalid format', function() {
  1715. this.$ismn.val('N123456789');
  1716. this.bv.validate();
  1717. expect(this.bv.isValidField('ismn')).toEqual(false);
  1718. });
  1719. it('invalid check digit', function() {
  1720. this.$ismn.val('9790060115614');
  1721. this.bv.validate();
  1722. expect(this.bv.isValidField('ismn')).toEqual(false);
  1723. });
  1724. });
  1725. describe('issn', function() {
  1726. beforeEach(function() {
  1727. var html = [
  1728. '<div class="container">',
  1729. '<form class="form-horizontal" id="issnForm">',
  1730. '<div class="form-group">',
  1731. '<input type="text" name="issn" data-bv-issn />',
  1732. '</div>',
  1733. '</form>',
  1734. '</div>'
  1735. ].join('\n');
  1736. $(html).appendTo('body');
  1737. $('#issnForm').bootstrapValidator();
  1738. this.bv = $('#issnForm').data('bootstrapValidator');
  1739. this.$issn = this.bv.getFieldElements('issn');
  1740. });
  1741. afterEach(function() {
  1742. $('#issnForm').bootstrapValidator('destroy').parent().remove();
  1743. });
  1744. it('valid', function() {
  1745. var samples = ['0378-5955', '0024-9319', '0032-1478'];
  1746. for (var i in samples) {
  1747. this.$issn.val(samples[i]);
  1748. this.bv.validate();
  1749. expect(this.bv.isValidField('issn')).toBeTruthy();
  1750. }
  1751. });
  1752. it('not contains hyphen', function() {
  1753. this.$issn.val('03785955');
  1754. this.bv.validate();
  1755. expect(this.bv.isValidField('issn')).toEqual(false);
  1756. });
  1757. it('contains only digits, X', function() {
  1758. this.$issn.val('1234-566A');
  1759. this.bv.validate();
  1760. expect(this.bv.isValidField('issn')).toEqual(false);
  1761. });
  1762. it('invalid check sum', function() {
  1763. this.$issn.val('0032-147X');
  1764. this.bv.validate();
  1765. expect(this.bv.isValidField('issn')).toEqual(false);
  1766. });
  1767. });