assignment2-oran-chen/form.js at master · SISE-Web-Development-Environments/assignment2-oran-chen · 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
$().ready(function () {
//validate the register form on keyup and submit
    $('#reg_form').validate({
            rules: {
                uname_reg: "required",
                psw_reg: {
                    required: true,
                    minlength: 6,
                    regex: /^[a-zA-Z0-9]*$/
                },
                fname_reg: {
                    required: true,
                    regex: /^([^0-9]*)$/
                },
                email_reg: {
                    required: true,
                    email: true
                },
                Bmonth: {
                    required: true
                },
                Bday: {
                    required: true
                },
                Byear: {
                    required: true
                }
            },
            messages: {
                uname_reg: "Please enter a username",
                psw_reg: {
                    required: "Please enter a password",
                    minlength: "The password must consist of at least 6 characters",
                    regex: "The password should contain letters and numbers"
                },
                fname_reg: {
                    required: "Please enter your full name",
                    regex: "Full name cannot contain numbers"
                },
                email_reg: {
                    required: "Please enter an email",
                    email: "Email address in not valid"
                },
                Bmonth: {
                    required: "Please enter your birth month"
                },
                Bday: {
                    required: "Please enter your birth day"
                },
                Byear: {
                    required: "Please enter your birth year"
                }
            },
            submitHandler: function () {
                var isFormValid = $("#reg_form").valid();
                if (isFormValid) {
                    userManagerRegSubmit();
                    document.getElementById("reg_form").reset();

                }
            }
        });

    //set date picker
        $.dobPicker({
            daySelector: '#Bday',
            monthSelector: '#Bmonth',
            yearSelector: '#Byear',
            dayDefault: 'Day',
            monthDefault: 'Month',
            yearDefault: 'Year',
        });


});
$(function () {
    $.validator.addMethod(
        "regex",
        function (value, element, regexp) {
            var re = new RegExp(regexp);
            return this.optional(element) || re.test(value);
        });
});