Jquery form plugin 的使用方法

表单的提交是一个经常要处理的东西，google了下，找到了jquery form 的插件，可以实现ajax的方式提交表单，并且设置起来很方便，代码如下：
设置调用

<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='jquery.form.js'></script>

设置表单

<form id='ajaxform' >
<input name="username" type='text'/>
<input name="pwd" type='password'/>
<input type='submit' value='提交'>
</form>
<div id='target'></div>

配置：

$(function(){
       var options = {
                     target:              '#target'         //设置返回的信息所要更新的区域
                     type:                 'post',           //提交的方法，post/get，如果设置会覆盖表单中method值
                     url:                    'do.php',      //要提交到的后台页面,覆盖action值
                     data:                {sex:'male',age:'20'} //添加其他要提交的数据
                     dataType:          null/'xml'/'json'/'script'  //接受的数据类型
                     beforeSubmit:    validation,    //提交前进行的验证函数
                     resetForm:         true/false,    //表单提交成功后是否要重置表单项
                     clearForm:          true/false;   //提交成功后是否要清空表单
                     success:             response    //提交成功后响应函数
         };

        $("#ajaxform").ajaxForm(options);  //绑定ajaxform表单

         function validation(formData,jqForm,options){
                  //alert($.param(formData)),对发送的表单数据进行serialiaze序列化
                  for(var i = 0; i<formData.length; i++){
                            if(!formData[i].value){
                                 alert("信息不完整！")
                                 return false;       //注意此处若返回true则表单提交
                            }
                  }
          }

         function response(responseText,statusText,xhr,$form) {
            alert("responseText"+responseText+"status:"+statusText);
         }
})

具体可参考 http://www.malsup.com/jquery/form/#api