Jquery Validation

//--------For ajax call--------------------
$(document).ready(function () {
    $("#yourFormId").validate({
        rules: {
            Code: {
                required: true,
            },
            Name: {
                required: true,
            },
        }
    });
});


 $('#btnCreateStudyOption').on('click', function () {
        var IsFormValidated = $("#yourFormId").valid();
        if (IsFormValidated) {
            //do your ajax call stuff
        }
//if not validated then automatically message will show up in each field eg: Code Required  etc

    })



//--------------For form submit----------------
$('#btnUpdateDetailSubmit').on('click', function () {

            var IsFormValidated = $("#studyDetailForm").valid();
            if (IsFormValidated) {

                $('#studyDetailForm').submit();
            }

        });

        $("#studyDetailForm").validate({
            rules: {
                DurationValue: {
                    required: true,
                    number: true,
                    min: 1
                },
                DurationTypeId: {
                    required: true,
                },
                CourseFee: {
                    required: true,
                    number: true,
                    min: 1
                },
                Location: {
                    required: true,
                },

            },
            messages: {
                DurationValue: { required: "Duration Required.", number: "Value must be number." },
                DurationTypeId: "Duration Type Required.",
                CourseFee: {
                    required: "Course Fee Required.", number: "Value must be number."
                },
                Location: "Location Required."
            }
        });
    })