I am new to jquery and I am editing a website form. In the form it has something like this

2. var handleRegister = function () {
3. ....
4. ...
5. ...
6.          $('.register-form').validate({
7.            errorElement: 'span', //default input error message container
8.            errorClass: 'help-block', // default input error message class
9.            focusInvalid: false, // do not focus the last invalid input
10.            ignore: "",
11.            rules: {
12.                
13.                fullname: {
14.                    required: true
15.                },
16.                email: {
17.                    required: true,
18.                    email: true
19.                },
20. 
    
21.                tnc: {
22.                    required: true
23.                }
24.            },
25. 
    
26.            messages: { // custom messages for radio buttons and checkboxes
27.                tnc: {
28.                    required: "Please accept TNC first."
29.                }
30.            },
31. 
    
32.            invalidHandler: function (event, validator) { //display error alert on form submit   
33. 
    
34.            },
35. 
    
36.            highlight: function (element) { // hightlight error inputs
37.                $(element)
38.                    .closest('.form-group').addClass('has-error'); // set error class to the control group
39.            },
40. 
    
41.            success: function (label) {
42.                label.closest('.form-group').removeClass('has-error');
43.                label.remove();
44.            },
45. 
    
46.            errorPlacement: function (error, element) {
47.                if (element.attr("name") == "tnc") { // insert checkbox errors after the container                  
48.                    error.insertAfter($('#register_tnc_error'));
49.                } else if (element.closest('.input-icon').size() === 1) {
50.                    error.insertAfter(element.closest('.input-icon'));
51.                } else {
52.                 error.insertAfter(element);
53.                }
54.            },
55. 
    
56.            submitHandler: function (form) {
57.                 form.submit();
58.            }
59.        });
60. 
    
61. $('.register-form input').keypress(function (e) {
62.            if (e.which == 13) {
63.                if ($('.register-form').validate().form()) {
64.                    $('.register-form').submit();
65.                }
66.                return false;
67.            }
68.        });
69. }

As far as i can make out from this code is that it validates the form and if no error found it submits the form as per form action. Instead of this i would like to submit  the form through jquery and process the form in php page and revert back if error found and display the error.

Thanks & Regard,

Samir