国产精品视频免费观看_久草在线2_亚洲午夜精品_国产91网址_先锋av资源在线_极品久久

jquery.form.js最新版

下載地址

您的位置:首頁 > > 軟件下載 > 應(yīng)用軟件 > 其它軟件 > jquery.form.js下載
95.56%
4.44%

jquery.form.js最新版 官方版

  • 軟件介紹
  • 軟件截圖
  • 相關(guān)下載
軟件標(biāo)簽:

jquery.form.js免費版是一個功能強(qiáng)大的jQuery特效制作小插件。jquery.form.js免費版使用起來十分的方便。jquery.form.js是一款jquery插件,通過該插件,我們可以非常簡單的實現(xiàn)表單的異步提交,并實現(xiàn)文件上傳、進(jìn)度條顯示等等。

截圖

jquery.form.js基本簡介

jquery.form.js是form插件,jquery.form.js免費版支持ajax表單提交和ajax文件上傳。
該框架集form提交、驗證和上傳功能于一體。
該框架應(yīng)與jquery完整版結(jié)合,否則使用min無效。
原理:使用js將form組裝成ajax的url和data,原理由ajax提交,實際上完全可以自己寫,但有這個框架可能更簡單。
jQuery.form.js是form插件,支持ajax表單提交和ajax文件上傳。下載地址APIajaxForm,增加所有必要的事件監(jiān)聽器,為ajax提交表格做準(zhǔn)備。ajaxForm不能提交表格。
在一個頁面上使用一個表格,但根據(jù)情況向不同的地址提交處理,即同一個表格有多個提交,或者一個表格提交不同的參數(shù)值。
必須引入jquery(或js)文件。
最好將jquery(或js)的代碼放在表格下面,以確保通過id獲得元素。

jquery.form.js使用方法:

一、jQuery.Form.js 插件的作用是實現(xiàn)Ajax提交表單。

  方法:

  1.formSerilize()  用于序列化表單中的數(shù)據(jù),并將其自動整理成適合AJAX異步請求的URL地址格式。

  2.clearForm()   清除表單中所有輸入值的內(nèi)容。

  3.restForm    重置表單中所有的字段內(nèi)容。即將所有表單中的字段恢復(fù)到頁面加載時的默認(rèn)值。

  疑問:ajaxForm()與ajaxSubmit()的區(qū)別:

  答案:$("#form1").ajaxForm();  相當(dāng)于以下兩行:

     $("#form1".submit)(function(){

         $("#form1").ajaxSubmit();

       return false;

       })  //也就是說ajaxFrom()會自動阻止表單提交。而ajaxSubmit()不會自動阻止表單提交,想阻止表單提交,要自己return false;

   技巧1:如果希望表單提交完成后不跳轉(zhuǎn),那么一行簡單的代碼就能夠?qū)崿F(xiàn),幾乎與不使用表單提交是一樣的:

  $("#MailForm").ajaxSubmit(function(message) {
    alert("表單提交已成功!");
  });

     注意:ajaxForm()與ajaxForm()都可以沒有參數(shù)或者接受1個參數(shù)。該參數(shù)既可以是一個回調(diào)函數(shù),也可以是一個options對象。該對象功能非常強(qiáng)大,說明如下:

     var options={

        url:url,      //form提交數(shù)據(jù)的地址

        type:type,     //form提交的方式(method:post/get)

        target:target,  //服務(wù)器返回的響應(yīng)數(shù)據(jù)顯示在元素(Id)號確定

        beforeSubmit:function(),  //提交前執(zhí)行的回調(diào)函數(shù)

        success:function(),       //提交成功后執(zhí)行的回調(diào)函數(shù)

        dataType:null,       //服務(wù)器返回數(shù)據(jù)類型

        clearForm:true,       //提交成功后是否清空表單中的字段值

        restForm:true,        //提交成功后是否重置表單中的字段值,即恢復(fù)到頁面加載時的狀態(tài)

        timeout:6000         //設(shè)置請求時間,超過該時間后,自動退出請求,單位(毫秒)。       

     }

例子:

頁面js代碼:

 
    <script src="jQuery.1.8.3.js" type="text/javascript"></script>
    <script src="jQuery.Form.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $(":submit").click(function () {
                var options = {
                    url: "indexAjax.aspx",
                    target: "#div2",
                    success: function () {
                        alert("ajax請求成功");
                    }
                };
                $("#form1").ajaxForm(options);
            })
        })
    </script>
 

 

    <div id="div1">
        <form id="form1" method="get" action="#">
            <p>我的名字:<input type="text" name="name" value="請輸入內(nèi)容" /></p>
            <p>我的偶像是:<input type="radio" name="Idol" value="劉德華" />劉德華   <input type="radio" name="Idol" value="張學(xué)友" />張學(xué)友</p>
            <p>我喜歡的音樂類型:<input type="checkbox" name="musictype" value="1.搖滾">搖滾  <input type="checkbox" name="musictype" value="2.輕松">輕柔  <input type="checkbox" name="musictype" value="3.爵士">爵士</p>
            <p><input type="submit" value="確認(rèn)" /></p>
        </form>
    </div>
    <div id="div2">
    </div>
 

后臺:indexAjax.aspx.cs代碼

        protected void Page_Load(object sender, EventArgs e)
        {
            string strName = Request["name"];
            string strIdol = Request["Idol"];
            string strMusicType = Request["musictype"];
            Response.Clear();
            Response.Write("我的名字是:" + strName + ";   我的偶像是:" + strIdol + ";   我喜歡的音樂類型:" + strMusicType);
            Response.End();
        }

 

jquery.form.js最新版 官方版

普通下載地址:
本地普通下載
本地電信下載
浙江移動下載
北京聯(lián)通下載

精選軟件

Thunderbird正式版

Thunderbird正式版

主站蜘蛛池模板: 中文字幕在 | 欧美日韩国产在线播放 | 精品一区二区三区免费毛片 | www.久草.com| 天堂av在线播放 | 欧美黄色一级 | 亚洲欧美日韩成人 | 精品在线免费观看 | 亚洲男人天堂 | 亚洲经典一区二区 | 在线伊人| 丁香激情五月 | 精品一二区 | 日本久久综合 | 男人在线天堂 | 一区二区三区视频在线 | 日韩在线看片 | 黄色日皮视频 | 88av视频 | 成人免费网站黄 | 亚洲精品自拍视频 | 在线观看的av | 在线观看黄色小视频 | 天天精品视频 | 亚洲人高潮女人毛茸茸 | 国产精品99久久久久久www | 久久精品一区二区三区不卡牛牛 | 又色又爽又黄gif动态图 | 四虎影院网站 | 欧美三级 欧美一级 | 一级片网址 | 欧美日韩在线一区二区三区 | 国产一区久久 | 欧美在线a | 欧美色图一区二区三区 | 国产精品区二区三区日本 | 免费久久 | 国产在线免费 | 天天天天操 | 日韩av免费在线 | 久久久久久国产 |