jQuery form 表单验证插件(fieldValue)校验表单
更新时间：2016年01月24日 16:19:39 作者：daliu_it
这篇文章主要介绍了jQuery form 表单验证插件(fieldValue)校验表单的相关资料,需要的朋友可以参考下
jQuery form表单验证相关知识，在做项目中经常会用到，其实也不算复杂，下面通过一段代码给大家介绍jQuery form 表单验证插件(fieldValue)校验表单的相关知识，感兴趣的朋友一起学习吧
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery form插件的使用--使用 fieldValue 方法校验表单.</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#myForm').ajaxForm({
target: '#output1', // 用服务器返回的数据 更新 id为output1的内容.
beforeSubmit: validate // 提交前，验证
});
});
function validate(formData, jqForm, options) {
// fieldValue 是表单插件的一个方法，它能找出表单中的元素的值，返回一个集合。
var usernameValue = $('input[name=name]').fieldValue();
var addressValue = $('input[name=address]').fieldValue();
if (!usernameValue[0] || !addressValue[0]) {
alert('用户名和地址不能为空，自我介绍可以为空！');
return false;
}
var queryString = $.param(formData); //组装数据
//alert(queryString); //类似 ： name=1&add=2
return true;
}
</script>
</head>
<body>
<h3> Demo 7 : jQuery form插件的使用--使用 fieldValue 方法校验表单. </h3>
<!-- demo1 -->
<form id="myForm" action="ajax2.jsp" method="post">
名称： <input type="text" name="name" id="name" /> <br/>
地址： <input type="text" name="address" id="address"/><br/>
自我介绍： <textarea name="comment" id="comment" ></textarea> <br/>
<input type="submit" id="test" value="提交" /> <br/>
<div id="output1" ></div>
</form>
</body>
</html>
以上所述是针对jQuery form 表单验证插件(fieldValue)校验表单的相关内容，希望大家喜欢。
您可能感兴趣的文章:
- jQuery中使用validate插件校验表单功能
- 基于BootStrap与jQuery.validate实现表单提交校验功能
- 基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
- jQuery form插件之formDdata参数校验表单及验证后提交
- jQuery Validate表单验证插件 添加class属性形式的校验
- jquery表单验证使用插件formValidator
- jquery插件bootstrapValidator数据验证详解
- jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
- jQuery表单验证插件formValidator(改进版)
- jQuery表单校验插件validator使用方法详解
相关文章
这篇文章主要介绍了使用jquery.upload.js实现异步上传的示例代码,需要的朋友可以参考下2014-07-07
在jQuery 中$("<span>")，这个语法等同于$(document.createElement("span")) ，这是一种用法2011-04-04
jQuery生成asp.net服务器控件 但不幸的是，该服务器控件依然没有起作用，还是用隐藏服务器控件来解决吧2010-02-02
这篇文章主要介绍了jQuery+canvas实现的球体平抛及颜色动态变换效果,通过jQuery结合html5的canvas技术调用时间函数实时进行数学运算,最终实现球体平抛及颜色动态变换的效果,需要的朋友可以参考下2016-01-01
今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件，都带有详细的使用教程。jQuery 是最流行和使用最广泛的 JavaScript 框架，它简化了 HTML 文档遍历，事件处理，动画以及Ajax交互，帮助 Web 开发人员更快速的实现各种精美的界面效果2012-08-08
文章给大家汇总整理了JavaScript以及jQuery获取元素高宽和位置等信息的方法，非常的全面，小伙伴们可以记录下以便查看2017-02-02
这是数月前的事情了，场景是这样的： 在进行图片上传的时，我发现开发人员使用的上传图片方式是Iframe + 传统的 http post 来处理的。2010-11-11
Jquery 实现Tab效果，思路就是普通的用js的思路控制的，脚本之家发布过更精简的代码，这个比较适合一直用js开始学用jquery控制的朋友一个参考。2010-03-03
jQuery中serializeArray()与serialize()的区别实例分析
这篇文章主要介绍了jQuery中serializeArray()与serialize()的区别,结合实例形式分析了jQuery中serializeArray()与serialize()的具体功能、使用技巧与用法区别,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jQuery中addClass()方法用法,实例分析了addClass()方法的功能、定义及向匹配元素添加一个或多个类的使用技巧,需要的朋友可以参考下2015-01-01
最新评论