validationAssignment.js

/**
 * Created by salma on 6/14/2015.
 */
$(function(){

    addFormValidationRules();
    $('#btnSubmit').click(function(event){
        event.preventDefault();
        event.stopPropagation();
        //1.Read the data entered by user in to an object
        var userDetails = getUserEnteredDetails();
        //2. validate the data

        var isFormValid = checkFormValidation();

        //3.  save or post
        if(isFormValid) {
            saveUserDetails(userDetails);
        }else{
            alert('form is not valid');
        }

    });

    function addFormValidationRules(){

        var formValidationConfig = {
            rules: {
                firstName: {
                    required: true,
                    minLength: 4
                },
                lastName: {
                    required: true,
                    minLength: 4
                },
                emailId: {
                    required: true
                    //email: true
                },
                password: {
                    required: true
                },
                mobile: {
                    required: true
                    //digits: true
                },
                birthday: {
                    required: true
                },
                gender: {
                    required: true
                }

            },
            messages: {
                firstName: {
                    required: 'Name is a Required Field, Please enter first name',
                    minLength: 'Please enter minimum of 4 characters'
                },
                lastName: {
                    required: 'Name is a Required Field, Please enter last name',
                    minLength: 'Please enter minimum of 4 characters'
                },
                emailId: {
                    required: "Email is a Required Field"
                    //email: "Please enter a valid email"
                },
                password:{
                    required:"Please enter your password"
                },
                mobile: {
                    required: 'Mobile is a Required Field, Please enter mobile number'
                    //digits:'enter digits only'
                },
                birthday:{
                    required:"Date of birth is a Required Field"
                },
                gender:{
                    required:"gender is a Required Field"
                }

            }
        };
        $('#userDetailsForm').validate(formValidationConfig);
    }
    function checkFormValidation(){

        return $('#userDetailsForm').valid();
    }

    function getUserEnteredDetails(){
        var userDetails = {
            firstName : $('#firstName').val(),
            lastName : $('#lastName').val(),
            emailAddress : $('#emailInput').val(),
            password: $('#password').val(),
            mobileNumber: $('#mobileNumber').val(),
            birthday: $('#birthday').val(),
            gender: $('#gender').val()
        };
        return userDetails;
    }

    function saveUserDetails(userDetails){
        ajaxPost(userDetails,"http://localhost:9400/createAccount");
    }

    function ajaxPost(formData,formUrl){
        var ajaxConfig = {
            url: formUrl,
            method:"POST",
            timeout: "10000",//10secs
            data : formData,
            dataType : "json",
            success : function(data){
                alert('Data Saved Successfully!');
            },
            error : function(){
                alert('error while posting');
            },
            complete : function(){

            }
        };

        $.ajax(ajaxConfig);
    }

});