1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title>jQuery form插件的使用--使用 fieldValue 方法校验表单.</title>
  5.      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.   <script src="jquery-1.3.1.js" type="text/javascript"></script>
  7.  <script src="jquery.form.js" type="text/javascript"></script>
  8.    <script type="text/javascript">
  9.             $(document).ready(function() {
  10.                 $('#myForm').ajaxForm({
  11.                          target:        '#output1', // 用服务器返回的数据 更新 id为output1的内容.
  12.                          beforeSubmit:  validate    // 提交前，验证
  13.                 });
  14.             });
  15.  
  16.             function validate(formData, jqForm, options) {
  17.                 // fieldValue 是表单插件的一个方法，它能找出表单中的元素的值，返回一个集合。
  18.                 var usernameValue = $('input[name=name]').fieldValue();
  19.                 var addressValue = $('input[name=address]').fieldValue(); 
  20.  
  21.                 if (!usernameValue[0] || !addressValue[0]) {
  22.                     alert('用户名和地址不能为空，自我介绍可以为空！');
  23.                     return false;
  24.                 }
  25.                 var queryString = $.param(formData); //组装数据
  26.                 //alert(queryString); //类似 ： name=1&add=2
  27.                 return true;
  28.             }
  29.    </script>
  30.   </head>
  31.  
  32.   <body>
  33.     <h3> Demo 7 : jQuery form插件的使用--使用 fieldValue 方法校验表单. </h3>
  34. <!-- demo1 -->
  35. <form id="myForm" action="ajax2.jsp" method="post">
  36.               名称： <input type="text" name="name" id="name" /> <br/>
  37.     地址： <input type="text" name="address" id="address"/><br/>
  38.            自我介绍： <textarea name="comment" id="comment" ></textarea> <br/>
  39.     <input type="submit" id="test" value="提交" /> <br/>
  40.     <div id="output1" ></div>
  41. </form>
  42.  
  43.   </body>
  44. </html>

jQuery form插件的使用--使用 fieldValue 方法校验表单的更多相关文章

  1. jQuery form插件的使用--用 formData 参数校验表单，验证后提交（简单验证）.

    Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.引入依赖js <script src=& ...

  2. 使用jQuery.form插件，实现完美的表单异步提交

    传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主 ...

  3. jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象

    一.前提说明 Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 二.简单介绍 本文演示的是:jQue ...

  4. [转载]Jquery Form插件表单参数

    表单插件API提供了几个方法,让你轻松管理表单数据和进行表单提交. ajaxForm增 加所有需要的事件监听器,为AJAX提交表单做好准备.ajaxForm不能提交表单.在document的ready ...

  5. jQuery学习笔记（jquery.form插件）

    官网: http://malsup.com/jquery/form/ jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Fo ...

  6. jQuery.Form插件介绍

    一.前言  jQuery From插件是一个优秀的Ajax表单插件,使用它可以让你非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery From有两个主要方法:ajaxForm和ajaxS ...

  7. jQuery Form插件详解

    <script src="js/jquery.form.js" type="text/javascript"></script> Jqu ...

  8. jQuery form插件使用详解

    点击打开: jquery选择器全解 jquery中的style样式操作 jquery中的DOM操作 jquery中的事件操作全解 jquery中的动画操作全解 jquery中ajax的应用 自定义jq ...

  9. jquery.form插件中动态修改表单数据

    jquery.form jquery.form插件(http://malsup.com/jquery/form/)是大家经常会用到的一个jQuery插件,它可以很方便将表单转换为ajax的方式进行提交 ...

随机推荐

  1. 非聚集索引中的临界点(Tipping Point)

    什么是临界点? 注意,我要说的问题是非聚集索引的执行计划从Seek+Lookup变成Table/Clustered Index Scan的临界点.SQL Server的访问数据的IO最小单元是页. 我 ...

  2. awk分隔符设定为多个字符或字符串

    awk -F"[01]" '{}'  这种形式指定的分隔符是或的关系,即0或1作为分隔符:awk -F"[0][1]" '{}' 这种形式指定的分隔符是合并的关 ...

  3. 你得知道这3个最基础的APP技术框架

    出处:优设网作者:信籽链接:http://www.uisdc.com/3-basic-app-technical-framework 信籽(手淘设计师):不知道大家有没有遇到过这种情景,当你做好一个设 ...

  4. .net中清理内存，清理占用内存方式方法

    #region 内存回收 [DllImport("kernel32.dll", EntryPoint = "SetProcessWorkingSetSize") ...

  5. 微软modern.IE网站，多版本IE免费测试工具集

    微软今天发布了modern.IE,这是一系列免费的.针对Web 开发者的测试工具和资源集合网站,微软希望以此来帮助开发者更轻松地实现跨 IE 和其他现代浏览器.跨设备的兼容性,其他还有代码检测工具.标 ...

  6. 以对象的方式来访问xml数据表（三）

    怎样以对象的方式来访问xml数据表? 在讲如何具体实现(二)中所说的专门用于访问xml文件的动态链接库之前,我们先来看看这个动态链接库具体要实现什么功能. 动态链接库IXmlDB.dll的功能: 1. ...

  7. HTML5实现屏幕手势解锁(转载)

    来源:https://github.com/lvming6816077/H5lockhttp://threejs.org/examples/http://www.inf.usi.ch/phd/wett ...

  8. Java synchronized关键字用法（清晰易懂）

    本篇随笔主要介绍 java 中 synchronized 关键字常用法,主要有以下四个方面: 1.实例方法同步 2.静态方法同步 3.实例方法中同步块 4.静态方法中同步块 我觉得在学习synchro ...

  9. HttpClient总结一之基本使用

    最近工作中是做了一个handoop的hdfs系统的文件浏览器的功能,是利用webhdfs提供的rest api来访问hdfs来与hdfs进行交互的,其中大量使用HttpClient,之前一直很忙,没什 ...

  10. ahjesus 捕获entity framework生成的sql语句

    网上这方面的资料很少,找到一个可以用的 http://code.msdn.microsoft.com/EFProviderWrappers 里面有dll可以下载,有教程,不过是E文的. 在Entity ...