[JQuery框架应用]:form.js官方插件介绍

原文 http://www.fleaphp.org/bbs/viewthread.php?tid=201&extra=&page=1

我正在研究JQuery框架,其下的插件十分丰富,使用十分简单,功能也十分强大。

先说说常用的Form插件,支持Ajax,支持Ajax文件上传,功能强大,基本满足日常应用。

1、最新JQuery框架软件包下载
jquery.js压缩包
jquery.js非压缩包

2、Form插件下载
form.js

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!

意思是说,用Ajax来提交表单,你不可能找到比这个更容易的了。呵呵——,是否吹水,大家用过了就知道了。

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注

8 + = 18