Jquery表单插件.pdfVIP

官放地址：/jquery/form/ Jquery Form Plugin 是 jquery 最重要的插件之一，它利用 AJAX 技术在不引起页面刷新的 情况下 POST 表单。主要有两个方法：ajaxform 和 ajaxsubmit 。它会自动收集表单元素内 容，决定如何管理提交进程。这两个方法支持多重选择。我想 AJAX 方式的表单应用再没有比 这个插件更简单易用的了。 先在页面里设置一个普通的表单： HTML: Js 代码 1. form id=myForm action=comment.php method=post 2. 姓名: input type=text name=name id=name/ 3. 评论: textarea name=comment id=comment/textarea 4. input type=submit value=提交评论 / 5. /form 1. form id=myForm action=comment.php method=post 2. 姓 名 : input type=text name=name id=name/ 3. 评 论 : textarea name=comment id=comment/textarea 4. input type=submit value=提交评论 / 5. /form 加载 jquery 库和插件脚本库。然后简单地写一段初始化脚本，这段脚本将在 DOM 加载完成时 执行： HTML: Js 代码 /script //加载 jquery 3. script type=text/javascript src=form.js/script //加载插件 4. script type=text/javascript 5. // DOM 加载完毕后执行 6. $(document).ready(function() { 7. // 绑定myForm并定义一个简单的回调函数 8. $(#myForm).ajaxForm(function() { 9. alert(评论提交完成!); 10. }); 11. }); 12. /script 13. /head 1. head 2. script type=text/javascript src=jquery.js/script // 加 载 jquery 3. script type=text/javascript src=form.js/script //加载插件 4. script type=text/javascript 5. // DOM 加 载 完 毕 后 执 行 6. $(document).ready(function() { 7. // 绑定myForm并定义一个简单的回调函数 8. $(#myForm).ajaxForm(function() { 9. alert(评论提交完成!); 10. }); 11. }); 12. /script 13. /head OK，就是这么简单。当点击“提交评论”按钮后，表单的数据就会 POST 到 comment.php 脚本， 并且返回“评论提交完成”信息（如果提交成功）。页面并没有刷新，非常 AJAX„„ 让我们来看看这个插件还有什么强大的功能。 ajaxForm 该方法须预先绑定表单，所以它一般在$(document).ready(function() { ...}里定义。它能 让表单在不刷新页面的情况下 POST 到目标。可以为该方法提供一个参数，参数一般是一个回 调函数用于返回信息给用户。当然如果不提供 参数也行，只是表单提在无声无息地提交后无 法得到确认了。 ajaxSubmit 该方法是以响应事件来通用 AJAX 方式提交表单。比如点击某个按钮或改变了某个下拉框的值， 在触发事件函数里可以设置该方法。如： JavaScript: Js 代码 1. $(#cli