`
wolfandlili
  • 浏览: 77632 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

jquery.form.js应用入门

jQueryJavaScriptAjaxPHP框架 
阅读更多

下面介绍Jquery框架的表单验证插件jquery.form.js的应用，首先下载必需的JS文件
jquery.form.rar
jquery.rar
下面开始使用：
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

 

 

该插件的作者在介绍form.js时，说了这样的一句话：

Submitting a form with AJAX doesn't get any easier than this!
 

分享到：
| struts2中文件上传过滤
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery 的Form插件 jquery.form.js

    网络编程对于很多的初学者来说，都是很向往的一种编程技能，但是很多的初学者却因为很长一段时间无法进入网络编程的大门而放弃了对于该部分技术的学习。...其实初学者如果入门网络编程的话也可以做到这么

    Jquery.easyUI js引用以及文档教程

    jQuery EasyUI 的核心依赖于 jQuery，因此 `jquery-1.7.2.min.js` 是必需的，它是 jQuery 的一个版本。`jquery.easyui.min.js` 是 EasyUI 的主库文件，包含了所有组件和功能的压缩版。在网页中，你需要先引入 ...

    1.[jQuery.EasyUI]第1章.jQuery.EasyUI入门

    其中 `1.[jQuery EasyUI]第1章 jQuery EasyUI入门.exe` 和 `第1章 jQuery EasyUI.pdf` 分别提供了电子书和PDF格式的教程，方便离线学习。 总结，jQuery EasyUI 作为一款强大的前端框架，极大地简化了 Web 开发过程...

    JQuery提交表单Form.js官方插件介绍借鉴.pdf

    《JQuery Form.js官方插件详解与应用》 JQuery Form.js是一款强大的表单处理插件，特别适用于实现Ajax无刷新提交和文件上传，极大地提高了用户体验。本文将深入解析Form.js的功能、用法以及API，帮助开发者更好地...

    jquery.validate使用攻略

    要在项目中使用 **jQuery Validate** 插件，首先需要确保已经引入了 **jQuery** 库，然后下载并引入 **jQuery Validate** 的核心文件 `jquery.validate.js`。可以通过 CDN 方式引入这两个库，或者直接下载到本地项目...

    jquery-fillform:自动填写表单，基于输入类型

    script src =" js/jquery.fillForm.js " &gt; &lt;/ script &gt; 2. 初始化 &lt; script &gt; $ ( 'form' ) . fillForm ( ) ; &lt;/ script &gt; 3. 选项 全部 all填写所有输入，或仅需要（基于必需的属性）- ...

    jquery.validate验证快速上手

    ### jQuery Validate 快速入门与实战应用 #### 一、jQuery Validate 插件简介 `jQuery Validate` 是一个非常流行的前端表单验证插件，它基于 jQuery 开发，提供了丰富的验证规则和高度定制化的错误消息处理机制。...

    jQuery Mobile 快速入门

    ### jQuery Mobile 快速入门详解 #### 一、引言 随着移动互联网的快速发展，越来越多的应用和服务需要在各种尺寸的设备上良好运行。为了适应这种趋势，开发人员需要掌握能够跨平台使用的前端框架。jQuery Mobile ...

    jquerymobile快速入门源码

    提供的“jquerymobile快速入门源码”包含了实际的应用示例，这些示例可以帮助初学者更好地理解和应用 jQuery Mobile。通过分析和运行这些源码，你可以： 1. 学习如何构建多页面应用。 2. 探索不同组件（如按钮、...

    JQuery详解.doc

    与Prototype等其他JS库相比，jQuery对CSS和XPath的支持更为出色，让开发者能够更高效地编写优雅的JavaScript代码。 #### 二、jQuery下载与基本使用 - **下载**：可以从官方网站http://jquery.com/src/ 或者...

    jQueryEasyUI入门共2页.pdf.zip

    1. **jQuery**: jQuery 是一个流行的 JavaScript 库，简化了 DOM 操作、事件处理、动画和Ajax交互。jQuery EasyUI 基于 jQuery，利用其强大的功能来构建 UI 组件。 2. **UI 组件**: jQuery EasyUI 提供了一系列预定...

    jquery-easyui-1.9.15.zip

    首先，jQuery EasyUI 的核心组件`jquery.easyui.min.js`包含了框架的主要功能，如数据网格（datagrid）、对话框（dialog）、表单（form）、菜单（menu）等。这些组件都经过了优化，体积小但功能强大，能够帮助开发者...

    jquery mobile快速入门.pdf

    ### jQuery Mobile 快速入门知识点概览 #### 一、jQuery Mobile 简介 - **定义**: jQuery Mobile 是一个基于 HTML5 的用户界面系统，旨在为所有流行的智能手机、平板电脑和桌面设备创建响应式的网站和应用程序。 -...

    jquery-easyui-1.5.4

    4. **jquery.easyui.mobile.js**：扩展了EasyUI，使其适应移动设备，支持响应式设计，便于开发移动应用。 5. **changelog.txt**：记录了1.5.4版本的更改和更新，是了解新功能和修复的重要参考。 6. **license_...

    jQuery-Lerning.zip_Jquery 基础教程_javascript 教程_jquery_web前端

    这个压缩包提供的是一份jQuery入门教程，适合初学者学习，特别是对JavaScript有一定了解的开发者。 jQuery的基础教程主要涵盖以下几个核心知识点： 1. **jQuery选择器**：jQuery的选择器是其强大的功能之一，它们...

    jquery-formChange:检查表单的元素是否已更改

    包括 jquery.formChange.js 文件，然后将 formChange 应用到任何表单。 $ ( 'form' ) . formChange ( { hasChangedClass : 'has-changed' } ) ; $ ( 'form' ) . on ( 'form-change' , function ( evt , ...

    RequireJS代码文件依赖管理 - 入门代码演示

    $('form').validate({ // 使用jQuery.validate插件 rules: {...}, messages: {...} }); }); }); ``` 在这个配置中，`paths`用于设置模块的路径，而`shim`用于处理非AMD兼容的库（如jQuery.validate.js）。`...

    jquery mobile快速入门

    - **定义**：jQuery Mobile 是一款流行的开源 JavaScript 库，专为移动设备优化设计，能够帮助开发者快速创建响应式网站和应用程序。 - **目标**：jQuery Mobile 的主要目标是为移动Web开发提供一个统一的框架，支持...

Magicbox
Global site tag (gtag.js) - Google Analytics