• FRAMEWORK

Pages

Registration
User Interface

Registration Outlined

Registration Filled



$(function () {
    $("form[name='registration']").validate({
        rules: {
            ExampleFirstName: "required",
            ExampleLastName: "required",
            ExampleEmail: {
                required: true,
                ExampleEmail: true
            },
            ExamplePassword: {
                required: true,
                minlength: 7
            },
            ExampleConfirmPassword: {
                required: true,
                minlength: 7,
                equalTo: "#ExamplePassword"
            },
            ExampleAgree: "required"
        },
        messages: {
            ExampleFirstName: "Please enter your user name",
            ExampleLastName: "Please enter your last name",
            ExamplePassword: {
                required: "Please provide a password",
                minlength: "Your password must be at least 7 characters long"
            },
            ExampleConfirmPassword: {
                required: "Please provide a password",
                minlength: "Your password must be at least 7 characters long",
                equalTo: "Please enter the same password as above"
            },
            ExampleAgree: "Please accept our policy",
            ExampleEmail: "Please enter a valid email address"
        },
        submitHandler: function (form) {
            form.submit();
        }
    });
});

Sign Up Form

EXAMPLE