1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
| var BaseFormValidation = function() {
| var initValidationBootstrap = function(){
| jQuery('.js-validation-bootstrap').validate({
| errorClass: 'help-block animated fadeInDown',
| errorElement: 'div',
| errorPlacement: function(error, e) {
| jQuery(e).parents('.form-group > div').append(error);
| },
| highlight: function(e) {
| jQuery(e).closest('.form-group').removeClass('has-error').addClass('has-error');
| jQuery(e).closest('.help-block').remove();
| },
| success: function(e) {
| jQuery(e).closest('.form-group').removeClass('has-error');
| jQuery(e).closest('.help-block').remove();
| },
| rules: {
| 'val-username': {
| required: true,
| minlength: 3
| },
| 'val-email': {
| required: true,
| email: true
| },
| 'val-password': {
| required: true,
| minlength: 5
| },
| 'val-confirm-password': {
| required: true,
| equalTo: '#val-password'
| },
| 'val-suggestions': {
| required: true,
| minlength: 5
| },
| 'val-skill': {
| required: true
| },
| 'val-website': {
| required: true,
| url: true
| },
| 'val-digits': {
| required: true,
| digits: true
| },
| 'val-number': {
| required: true,
| number: true
| },
| 'val-range': {
| required: true,
| range: [1, 10]
| },
| 'val-terms': {
| required: true
| }
| },
| messages: {
| 'val-username': {
| required: 'Please enter a username',
| minlength: 'Your username must consist of at least 3 characters'
| },
| 'val-email': 'Please enter a valid email address',
| 'val-password': {
| required: 'Please provide a password',
| minlength: 'Your password must be at least 5 characters long'
| },
| 'val-confirm-password': {
| required: 'Please provide a password',
| minlength: 'Your password must be at least 5 characters long',
| equalTo: 'Please enter the same password as above'
| },
| 'val-suggestions': 'What can we do to become better?',
| 'val-skill': 'Please select a skill!',
| 'val-website': 'Please enter your website!',
| 'val-digits': 'Please enter only digits!',
| 'val-number': 'Please enter a number!',
| 'val-range': 'Please enter a number between 1 and 10!',
| 'val-terms': 'You must agree to the service terms!'
| }
| });
| };
|
| return {
| init: function () {
| // Init Bootstrap Forms Validation
| initValidationBootstrap();
| }
| };
| }();
|
| // Initialize when page loads
| jQuery(function(){ BaseFormValidation.init(); });
|
|