phpCRUD/validation1.js at master · mukeshg1/phpCRUD · GitHub

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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
/*
File Name    : validation.js
File Path    : C:\xampp\htdocs\phpCRUD
Description  : JS page to perform real time validation for registration form
Created date : 04/02/2019
Author       : Mukesh
*/

var validation = (function() {
    $("#loader").hide();

    var form = $( "#register_form" );
    $.validator.setDefaults({
        //error class is added when validation fails
        highlight: function(element) {
          $(element)
            .closest('.form-group')
            .addClass('err');
        },
        unhighlight: function(element) {
          $(element)
            .closest('.form-group')
            .removeClass('err');
        },
        success: "valid"
    });
    (form).validate({
        //Validation rules
        rules: {
            firstname: {
                required: true,
                nowhitespace: true,
                lettersonly: true
            },
            lastname: {
                required: true,
                nowhitespace: true,
                lettersonly: true
            },
            email: {
                required: true,
                email: true
            },
            password1: {
                required: true
            },
            password2: {
                required: true,
                equalTo: "#password1"
            },
            phone: {
                required: true,
                digits: true
            }
        },
        //Custom Error messages
        messages: {
            firstname: {
                required: 'Please enter firstname.',
                nowhitespace: 'firstname cannot contain any spaces.',
                lettersonly: 'firstname should only contain letters.'
            },
            lastname: {
                required: 'Please enter lastname. ',
                nowhitespace: 'lastname cannot contain any spaces.',
                lettersonly: 'lastname should only contain letters.'
            },
            email: {
                required: 'Please enter an email address.',
                email: 'Please enter a valid email address!'
            },
            password1:{
                required: 'Please enter a password.'
            },
            password2: {
                required: 'Please re-enter password.',
                equalTo: 'Password doesnot match, please enter same password.'
            }
        }
    });

    //AJAX call is made when submit button is made
    $("#submit_btn").click(function() {
        if (form.valid() === true)
        {
            $.ajax({
                type: "POST",
                url: "add-user.php",
                data: {
                    firstname   : $("#firstname").val(),
                    lastname    : $("#lastname").val(),
                    email       : $("#email").val(),
                    password1   : $("#password1").val()
                },
                success: function(data)
                {
                    if (data="YES")
                    {
                        //After success AJAX call, it redirects to userprofile.php page
                        window.location.href = 'userprofile.php';
                    }
                    else
                    {
                        $("#message").html(data);
                    }
                }
            });
            $(form)[0].reset();


            return false;
        }
        else
        {
            $("#message").html("Enter valid details.");
        }
    });
    return
    {

    }
})();