Skip to content

Commit c5012cd

Browse files
phuocngphuocng
committed
feat: Update 2.0.2
1 parent 627713d commit c5012cd

File tree

263 files changed

+1350
-2972
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

263 files changed

+1350
-2972
lines changed

‎accepting-test-credit-card-numbers/index.html

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,9 @@
44
<title>Accepting test credit card numbers - FormValidation</title>
55
<meta charset="utf-8" />
66
<meta content="width=device-width,initial-scale=1" name="viewport" />
7-
<link
8-
rel="stylesheet"
9-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
10-
/>
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
118
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css" />
12-
<link rel="stylesheet" href="/vendors/formvalidation/dist/css/formValidation.min.css" />
9+
<link rel="stylesheet" href="/vendors/@form-validation/umd/styles/index.min.css" />
1310
</head>
1411
<body>
1512
<form id="demoForm" method="post">
@@ -33,9 +30,9 @@
3330
</form>
3431

3532
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
36-
<script src="/vendors/formvalidation/dist/js/FormValidation.min.js"></script>
37-
<script src="/vendors/formvalidation/dist/js/plugins/Tachyons.min.js"></script>
38-
<script src="/vendors/formvalidation/dist/js/plugins/Transformer.min.js"></script>
33+
<script src="/vendors/@form-validation/umd/bundle/popular.min.js"></script>
34+
<script src="/vendors/@form-validation/umd/plugin-tachyons/index.min.js"></script>
35+
<script src="/vendors/@form-validation/umd/plugin-transformer/index.min.js"></script>
3936

4037
<script>
4138
document.addEventListener('DOMContentLoaded', function (e) {

‎adding-dynamic-field/different-name.html

Lines changed: 14 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -5,49 +5,28 @@
55
<meta charset="utf-8" />
66
<meta content="width=device-width,initial-scale=1" name="viewport" />
77

8-
<link
9-
rel="stylesheet"
10-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
11-
/>
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
129
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css" />
13-
<link rel="stylesheet" href="/vendors/formvalidation/dist/css/formValidation.min.css" />
1410

1511
<!-- Replace with your path -->
16-
<link rel="stylesheet" href="/vendors/formvalidation/dist/css/formValidation.min.css" />
12+
<link rel="stylesheet" href="/vendors/@form-validation/umd/styles/index.min.css" />
1713
</head>
1814
<body>
1915
<form id="demoForm" method="post">
2016
<div class="cf mb2">
2117
<div class="fl w-100">
2218
<div class="fl w-10 pa2">Book</div>
2319
<div class="fl w-30 mr2">
24-
<input
25-
type="text"
26-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
27-
name="book[0].title"
28-
placeholder="Title"
29-
/>
20+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" name="book[0].title" placeholder="Title" />
3021
</div>
3122
<div class="fl w-25 mr2">
32-
<input
33-
type="text"
34-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
35-
name="book[0].isbn"
36-
placeholder="ISBN"
37-
/>
23+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" name="book[0].isbn" placeholder="ISBN" />
3824
</div>
3925
<div class="fl w-20 mr2">
40-
<input
41-
type="text"
42-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
43-
name="book[0].price"
44-
placeholder="Price"
45-
/>
26+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" name="book[0].price" placeholder="Price" />
4627
</div>
4728
<div class="fl w-10 ph2">
48-
<button type="button" class="ba b--black-20 bg-green white ph3 pv2 br2" id="addButton">
49-
+
50-
</button>
29+
<button type="button" class="ba b--black-20 bg-green white ph3 pv2 br2" id="addButton">+</button>
5130
</div>
5231
</div>
5332
</div>
@@ -57,33 +36,16 @@
5736
<div class="fl w-100">
5837
<div class="fl w-10 pa2">Book</div>
5938
<div class="fl w-30 mr2">
60-
<input
61-
type="text"
62-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
63-
data-name="book.title"
64-
placeholder="Title"
65-
/>
39+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" data-name="book.title" placeholder="Title" />
6640
</div>
6741
<div class="fl w-25 mr2">
68-
<input
69-
type="text"
70-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
71-
data-name="book.isbn"
72-
placeholder="ISBN"
73-
/>
42+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" data-name="book.isbn" placeholder="ISBN" />
7443
</div>
7544
<div class="fl w-20 mr2">
76-
<input
77-
type="text"
78-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
79-
data-name="book.price"
80-
placeholder="Price"
81-
/>
45+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" data-name="book.price" placeholder="Price" />
8246
</div>
8347
<div class="fl w-10 ph2">
84-
<button type="button" class="ba b--black-20 bg-green white ph3 pv2 br2 js-remove-button">
85-
-
86-
</button>
48+
<button type="button" class="ba b--black-20 bg-green white ph3 pv2 br2 js-remove-button">-</button>
8749
</div>
8850
</div>
8951
</div>
@@ -104,8 +66,8 @@
10466
including the isbn validator
10567
-->
10668
<!-- Replace with your path -->
107-
<script src="/vendors/formvalidation/dist/js/FormValidation.full.min.js"></script>
108-
<script src="/vendors/formvalidation/dist/js/plugins/Tachyons.min.js"></script>
69+
<script src="/vendors/@form-validation/umd/bundle/full.min.js"></script>
70+
<script src="/vendors/@form-validation/umd/plugin-tachyons/index.min.js"></script>
10971

11072
<script>
11173
document.addEventListener('DOMContentLoaded', function (e) {
@@ -184,13 +146,9 @@
184146
// Insert before the template
185147
template.before(clone);
186148

187-
clone
188-
.querySelector('[data-name="book.title"]')
189-
.setAttribute('name', 'book[' + rowIndex + '].title');
149+
clone.querySelector('[data-name="book.title"]').setAttribute('name', 'book[' + rowIndex + '].title');
190150
clone.querySelector('[data-name="book.isbn"]').setAttribute('name', 'book[' + rowIndex + '].isbn');
191-
clone
192-
.querySelector('[data-name="book.price"]')
193-
.setAttribute('name', 'book[' + rowIndex + '].price');
151+
clone.querySelector('[data-name="book.price"]').setAttribute('name', 'book[' + rowIndex + '].price');
194152

195153
// Add new fields
196154
// Note that we also pass the validator rules for new field as the third parameter

‎adding-dynamic-field/using-other-library.html

Lines changed: 13 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -6,41 +6,25 @@
66
<meta content="width=device-width,initial-scale=1" name="viewport" />
77

88
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css" />
9-
<link
10-
rel="stylesheet"
11-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
12-
/>
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
1310
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css" />
14-
<link rel="stylesheet" href="/vendors/formvalidation/dist/css/formValidation.min.css" />
1511

1612
<!-- Replace with your path -->
17-
<link rel="stylesheet" href="/vendors/formvalidation/dist/css/formValidation.min.css" />
13+
<link rel="stylesheet" href="/vendors/@form-validation/umd/styles/index.min.css" />
1814
</head>
1915
<body>
2016
<form id="demoForm" method="post">
2117
<div class="cf mb2">
2218
<div class="fl w-100">
2319
<div class="fl w-10 pa2">Task(s)</div>
2420
<div class="fl w-40 mr2">
25-
<input
26-
type="text"
27-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
28-
name="task[0].title"
29-
placeholder="Title"
30-
/>
21+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" name="task[0].title" placeholder="Title" />
3122
</div>
3223
<div class="fl w-30 mr2">
33-
<input
34-
type="text"
35-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
36-
name="task[0].dueDate"
37-
placeholder="Due date"
38-
/>
24+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" name="task[0].dueDate" placeholder="Due date" />
3925
</div>
4026
<div class="fl w-10 ph2">
41-
<button type="button" class="ba b--black-20 bg-green white ph3 pv2 br2" id="addButton">
42-
+
43-
</button>
27+
<button type="button" class="ba b--black-20 bg-green white ph3 pv2 br2" id="addButton">+</button>
4428
</div>
4529
</div>
4630
</div>
@@ -50,25 +34,13 @@
5034
<div class="fl w-100">
5135
<div class="fl w-10 pa2"></div>
5236
<div class="fl w-40 mr2">
53-
<input
54-
type="text"
55-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
56-
data-name="task.title"
57-
placeholder="Title"
58-
/>
37+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" data-name="task.title" placeholder="Title" />
5938
</div>
6039
<div class="fl w-30 mr2">
61-
<input
62-
type="text"
63-
class="input-reset ba b--black-20 pa2 mb2 db w-100"
64-
data-name="task.dueDate"
65-
placeholder="Due date"
66-
/>
40+
<input type="text" class="input-reset ba b--black-20 pa2 mb2 db w-100" data-name="task.dueDate" placeholder="Due date" />
6741
</div>
6842
<div class="fl w-10 ph2">
69-
<button type="button" class="ba b--black-20 bg-green white ph3 pv2 br2 js-remove-button">
70-
-
71-
</button>
43+
<button type="button" class="ba b--black-20 bg-green white ph3 pv2 br2 js-remove-button">-</button>
7244
</div>
7345
</div>
7446
</div>
@@ -87,8 +59,8 @@
8759
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
8860

8961
<!-- Replace with your path -->
90-
<script src="/vendors/formvalidation/dist/js/FormValidation.min.js"></script>
91-
<script src="/vendors/formvalidation/dist/js/plugins/Tachyons.min.js"></script>
62+
<script src="/vendors/@form-validation/umd/bundle/popular.min.js"></script>
63+
<script src="/vendors/@form-validation/umd/plugin-tachyons/index.min.js"></script>
9264

9365
<script>
9466
document.addEventListener('DOMContentLoaded', function (e) {
@@ -184,19 +156,12 @@
184156
// Insert before the template
185157
template.before(clone);
186158

187-
clone
188-
.querySelector('[data-name="task.title"]')
189-
.setAttribute('name', 'task[' + rowIndex + '].title');
190-
clone
191-
.querySelector('[data-name="task.dueDate"]')
192-
.setAttribute('name', 'task[' + rowIndex + '].dueDate');
159+
clone.querySelector('[data-name="task.title"]').setAttribute('name', 'task[' + rowIndex + '].title');
160+
clone.querySelector('[data-name="task.dueDate"]').setAttribute('name', 'task[' + rowIndex + '].dueDate');
193161

194162
// Add new fields
195163
// Note that we also pass the validator rules for new field as the third parameter
196-
fv.addField('task[' + rowIndex + '].title', titleValidators).addField(
197-
'task[' + rowIndex + '].dueDate',
198-
dueDateValidators
199-
);
164+
fv.addField('task[' + rowIndex + '].title', titleValidators).addField('task[' + rowIndex + '].dueDate', dueDateValidators);
200165

201166
// Handle the click event of removeButton
202167
const removeBtn = clone.querySelector('.js-remove-button');

‎adjusting-icon-position/index.html

Lines changed: 5 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,9 @@
44
<title>Adjusting icon position - FormValidation</title>
55
<meta charset="utf-8" />
66
<meta content="width=device-width,initial-scale=1" name="viewport" />
7-
<link
8-
rel="stylesheet"
9-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
10-
/>
11-
<link
12-
rel="stylesheet"
13-
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"
14-
/>
15-
<link rel="stylesheet" href="/vendors/formvalidation/dist/css/formValidation.min.css" />
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
9+
<link rel="stylesheet" href="/vendors/@form-validation/umd/styles/index.min.css" />
1610

1711
<style>
1812
/* Customize the icon's position */
@@ -67,8 +61,8 @@
6761
</form>
6862

6963
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
70-
<script src="/vendors/formvalidation/dist/js/FormValidation.min.js"></script>
71-
<script src="/vendors/formvalidation/dist/js/plugins/Bootstrap.min.js"></script>
64+
<script src="/vendors/@form-validation/umd/bundle/popular.min.js"></script>
65+
<script src="/vendors/@form-validation/umd/plugin-bootstrap/index.min.js"></script>
7266

7367
<script>
7468
document.addEventListener('DOMContentLoaded', function (e) {

‎asking-credit-card-number-to-match-with-selected-type/index.html

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,9 @@
44
<title>Asking credit card number to match with selected type - FormValidation</title>
55
<meta charset="utf-8" />
66
<meta content="width=device-width,initial-scale=1" name="viewport" />
7-
<link
8-
rel="stylesheet"
9-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
10-
/>
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
118
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css" />
12-
<link rel="stylesheet" href="/vendors/formvalidation/dist/css/formValidation.min.css" />
9+
<link rel="stylesheet" href="/vendors/@form-validation/umd/styles/index.min.css" />
1310
</head>
1411
<body>
1512
<form id="demoForm" method="post">
@@ -47,8 +44,8 @@
4744
</form>
4845

4946
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
50-
<script src="/vendors/formvalidation/dist/js/FormValidation.min.js"></script>
51-
<script src="/vendors/formvalidation/dist/js/plugins/Tachyons.min.js"></script>
47+
<script src="/vendors/@form-validation/umd/bundle/popular.min.js"></script>
48+
<script src="/vendors/@form-validation/umd/plugin-tachyons/index.min.js"></script>
5249

5350
<script>
5451
document.addEventListener('DOMContentLoaded', function (e) {

‎asking-fields-to-be-unique/basic.html

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,11 @@
55
<meta charset="utf-8" />
66
<meta content="width=device-width,initial-scale=1" name="viewport" />
77

8-
<link
9-
rel="stylesheet"
10-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
11-
/>
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
129
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css" />
13-
<link rel="stylesheet" href="/vendors/formvalidation/dist/css/formValidation.min.css" />
1410

1511
<!-- Replace with your path -->
16-
<link rel="stylesheet" href="/vendors/formvalidation/dist/css/formValidation.min.css" />
12+
<link rel="stylesheet" href="/vendors/@form-validation/umd/styles/index.min.css" />
1713
</head>
1814
<body>
1915
<form id="demoForm" method="POST">
@@ -75,8 +71,8 @@
7571
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
7672

7773
<!-- Replace with your path -->
78-
<script src="/vendors/formvalidation/dist/js/FormValidation.min.js"></script>
79-
<script src="/vendors/formvalidation/dist/js/plugins/Tachyons.min.js"></script>
74+
<script src="/vendors/@form-validation/umd/bundle/popular.min.js"></script>
75+
<script src="/vendors/@form-validation/umd/plugin-tachyons/index.min.js"></script>
8076

8177
<script>
8278
document.addEventListener('DOMContentLoaded', function (e) {

0 commit comments

Comments
 (0)