http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#getting-started

$(document).ready(function () {

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

    var options = {

        //target: ‘#output1‘,   // target element(s) to be updated with server response

        //beforeSubmit: showRequest,  // pre-submit callback

       <font color="#ff0000"> success: callBackFunc  // post-submit callback</font>

        // other available options:

        //url:       url         // override for form‘s ‘action‘ attribute

        //type:      type        // ‘get‘ or ‘post‘, override for form‘s ‘method‘ attribute

        //dataType:  null        // ‘xml‘, ‘script‘, or ‘json‘ (expected server response type)

        //clearForm: true        // clear all form fields after successful submit

        //resetForm: true        // reset the form after successful submit

        // $.ajax options can be used here too, for example:

        //timeout:   3000

    };

    // bind form using ‘ajaxForm‘

    $(‘#myForm‘).ajaxForm(options);

});

// responseText是服务端的响应值。statusText是页面

2

3

4

5

// 提交状态值，success表示成功。

function callBackFunc(responseText, statusText) {

    if (statusText == ‘success‘) {

        alert(responseText);

    }

else{

alert(“服务端错误！”);

2

     }

}

如果返回的是json数据则回调函数可以这么写

2

3

4

5

6

7

8

9

10

11

12

13

function resultFunction(responseText,statusText) {

        if (statusText == ‘success‘) {

            if (responseText.code == 1) {

                alert(responseText.message);

            }

            else {

                alert(‘error occurs!‘);

            }

        }

        else {

            alert(‘服务器错误！‘);

        }

    }

2

3

4

5

6

7

[HttpPost]

public ActionResult AjaxForm(FormCollection form)

{

    string message = "Name:" + form["username"] + " PWD: "+form["password"]  ;

    //return Content(message);

    return Json(new { code = 1, message = message });

}

2

3

4

5

6

7

8

9

10

11

12

13

14

15

var options = {

                //target: ‘#output1‘,   // target element(s) to be updated with server response

                <font color="#ff0000">beforeSubmit: checkData,  // pre-submit callback

</font>                success: callBackFunc  // post-submit callback

                // other available options:

                //url:       url         // override for form‘s ‘action‘ attribute

                //type:      type        // ‘get‘ or ‘post‘, override for form‘s ‘method‘ attribute

                //dataType:  null        // ‘xml‘, ‘script‘, or ‘json‘ (expected server response type)

                //clearForm: true        // clear all form fields after successful submit

                //resetForm: true        // reset the form after successful submit

                // $.ajax options can be used here too, for example:

                //timeout:   3000

            };

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

// pre-submit callback

       function checkData(formData, jqForm, options) {

           // formData is an array; here we use $.param to convert it to a string to display it

           // but the form plugin does this for you automatically when it submits the data

           //var queryString = $.param(formData);

           // jqForm is a jQuery object encapsulating the form element.  To access the

           // DOM element for the form do this:

           var formElement = jqForm[0];

           //alert(‘About to submit: \n\n‘ + queryString);

           // here we could return false to prevent the form from being submitted;

           // returning anything other than false will allow the form submit to continue

           //return true;

           if ($(formElement).find("#username").val() == "") {

               alert("please enter username!");

               return false;

           } else {

               return true;

           }

       }