ajax check form code example

Example 1: How to call the ajax when form is valid

BY LOVE,
1- $("form").valid() is the main method which is checking the form is valid or not
2- 'btnsave' is the ID of the HTML BUTTON  element.
3- Jquery pluggin should be added in this order
	<script src="~/Scripts/jquery-1.7.1.min.js"></script>
    <script src="~/Scripts/jquery.validate.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.js"></script>

$('#btnSave').click(function () {
        if ($("form").valid()) {
            //alert('FORM VALID');
            $.ajax({
                url: 'http://localhost:3932/api/EmployeeService/Save',
                type: 'POST',
                dataType: 'json',
                success: function () {
                    alert('Employee Save successfully');
                },
                error: function (xhr, textStatus, errorThrown) {
                    alert('Error occured');
                }
            });
        }
    });

Example 2: javscript send ajax request only if submit is valid

$( document ).ready( function(){setupForms();} );

function setupForms(){

    var ajaxOptions = { beforeSubmit:checkForm,
                        success:function(){
                               // the ajax was successful
                       }
                      };

    $( '.ajaxForm' ).ajaxForm( ajaxOptions );   
    $( '.ajaxForm' ).validate();
}

function checkForm(data,form){
    var valid = $(form).valid();
    return valid;
}