Form插件,支持Ajax,支持Ajax文件上傳,功能強大,基本滿足日常應用。
1、jQuery框架軟件包下載
 | 文件: | jquery.rar | 大小: | 29KB | 下載: | 下載 |
|
2、Form插件下載
 | 文件: | jquery.form.rar | 大小: | 7KB | 下載: | 下載 |
|
3、Form插件的簡單入門
第一步:先增加一個表單
<form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <textarea name="comment"></textarea> <input type="submit" value="Submit Comment" /> </form>
|
第二步:jquery.js和form.js文件的包含
<head> <script type="text/Javascript" src="path/to/jquery.js"></script> <script type="text/Javascript" src="path/to/form.js"></script> <script type="text/Javascript"> // wait for the DOM to be loaded $(document).ready(function() { // bind 'myForm' and provide a simple callback function $('#myForm').ajaxForm(function() { alert("Thank you for your comment!"); }); }); </script> </head>
|
3、Form插件的詳細使用方法及應用實例
http://www.malsup.com/jquery/form/
============================
該插件的作者在介紹form.js時,說了這樣的一句話:
Submitting a form with AJAX doesn't get any easier than this!
|
表單插件API
英文原文:http://www.malsup.com/jquery/form/#api
表單插件API提供了幾個方法,讓你輕松管理表單數據和進行表單提交。
ajaxForm
增加所有需要的事件監聽器,為AJAX提交表單做好準備。ajaxForm不能提交表單。在document的ready函數中,使用ajaxForm來為AJAX提交表單進行準備。ajaxForm接受0個或1個參數。這個單個的參數既可以是一個回調函數,也可以是一個Options對象。
可鏈接(Chainable):可以。
實例:
$('#myFormId').ajaxForm();
it知識庫:jQuery表單插件 jQuery.form.js,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。