jQuery技术

jQuery Form Plugin

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

表格的jQuery插件可以让您轻松和unobtrusively升级HTML表单来使用AJAX 。的主 要方法, ajaxForm和ajaxSubmit ,收集资料的表单元素,以确定如何管理提交进程。这两种方法都支持许多选项,可让

表格的jQuery插件可以让您轻松和unobtrusively升级HTML表单来使用AJAX 。的主要方法, ajaxForm和ajaxSubmit ,收集资料的表单

素,以确定如何管理提交进程。这两种方法都支持许多选项,可让您完全控制的数据是如何提出的。提交表单与AJAX技术没有得到任何比这 更容易!

1、添加表格到您的网页。只是一个正常的

形式,没有特殊的标记要求:

<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>
2、包括jQuery和表格插件外部脚本文件,并在短期脚

本初始化时形成的DOM准备:
<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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
}