JQuery验证成功之后,使用ajax提交数据
function checkForm(){
validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
errorElement :"span",// 使用"div"标签标记错误, 默认:"label","span"默认直接在文本框右边显示
//wrapper:"li",// 使用"li"标签再把上边的errorELement包起来
//errorClass :"validate-error",// 错误提示的css类名"error"
//onsubmit:false,// 是否在表单提交时验证,默认:true
//onfocusout:false,// 是否在获取焦点时验证,默认:true
//onkeyup :false,// 是否在敲击键盘时验证,默认:true
//onclick:false,// 是否在鼠标点击时验证(一般验证checkbox,radiobox)
//focusCleanup:false,// 当未通过验证的元素获得焦点时,并移除错误提示,默认false
//focusInvalid : true, //提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点,默认true
//ignore: "#cname" //对某些元素不做验证,值对应选择器,如果需要忽略多个文本框,可以使用class类选择器
ignoreTitle: true,
validClass: "valid", //验证成功时,使用的css类名
success: function(label) { //验证成功时使用的提示消息
label.addClass("valid").html("Ok!")
},
submitHandler:function(form){//如果验证通过,点击submit按钮后执行的操作,注:使用此方法后,form中的action="xx"会失效
alert('验证通过');
},
invalidHandler: function(form, validator) {//如果验证不通过,此处执行额外操作
var errors = validator.numberOfInvalids(); //获得错误总数
var message = '你存在' + errors + '个错误';
//alert(message);
},
rules:{
"x.name":{ //需要进行验证的输入框name
required: true, //验证条件:必填
minlength3: ,// 验证条件:最小长度为5
maxlength3 : ,
checkCharType : [true,false,false,null]
},
"x.sex":{ //需要进行验证的输入框name
required: true, //验证条件:必填
minlength2: ,// 验证条件:最小长度为5
maxlength2 :
},
},
messages:{
"x.name":{
required : "不能为空",
minlength : "最小值为5"
},
"x.sex":{
required : "不能为空",
minlength : "最小值为5"
}
}
});
}
function xx(){
//alert($("#commentForm").validate().form()); //执行表单验证,同时判断验证是否通过,如果通过返回true,否则返回false
$("#commentForm").valid(); //$("#commentForm").valid()表示运行form的表单验证
}
function cl(){
$("#commentForm").validate().resetForm(); //清空所有的错误提示
}
转载至:http://blessht.iteye.com/blog/1074419
JQuery验证成功之后,使用ajax提交数据的更多相关文章
- jquery mobile开发笔记之Ajax提交数据(转)
http://my.oschina.net/xiahuawuyu/blog/81763 这两天学习了下,jquery mobile(以下简称jqm)的开发相关的内容.可能之前有过web的开发基础,相对 ...
- jquery ajax提交数据给后端
大家好,今天铁柱兄给大家带一段jquery ajax提交数据给后端的教学. 初学javaweb的同学前端提交数据基本上都是用form表单提交,这玩意儿反正我是觉得不太好玩.而JavaScript aj ...
- ThinkPHP中ajax提交数据
最近在做项目时遇到了一些需要从页面用ajax提交数据到后台的操作,无奈本人技术有限,网上苦寻,研究了一下ajax和thinkPHP的结合,黄天不负苦心人,终于搞定了. 闲话少叙,进入正题:我需要从页面 ...
- form表单提交数据,页面必定会刷新,ajax提交数据不会刷新,做到悄悄提交,多选删除,ajax提交实例
很多页面用到的模态对话框,如知明网站https://dig.chouti.com/的登录页都是模态对话框, 当点登录时,是用的ajax提交,因为输入错了信息,有返回消息,而页面没有刷新. jquery ...
- 使用jquery.form.js的ajaxsubmit方法提交数据的Bug
周五同事遇到一个很奇怪的问题,调到下班,虽然问题解决了,但是不知道问题的具体原因,回来翻了翻代码,才发现症结所在,下面就分享出来,供遇到同样问题的同行们参考: 先把问题描述一下,做的功能是使用ajax ...
- 扩展auth_user字段、BBS需求分析、创建BBS数据库、注册页面搭建与用户头像展示及Ajax提交数据
昨日内容回顾 csrf跨站请求 1. SQL注入 2. xss攻击 3. csrf跨站请求 4. 密码加密(加盐) '''django中默认有一个中间件来验证csrf''' # 只针对post请求才验 ...
- ajax提交数据
ajax提交数据 注意:获取值可以从方法参数传过来 也可以通过jquery获取对应标签的值:同时参数要与请求的动作方法的参数一致,否则值无法映射 发送 ajax (get 方式简写)请求 注 ...
- 第一百五十九节,封装库--JavaScript,表单序列化结合ajax提交数据
封装库--JavaScript,表单序列化结合ajax提交数据 封装库,表单序列化方法 /** xu_lie_biao_dan()方法,表单序列化方法,将自动获取指定表单里面的各项字段name值和va ...
- Form 表单用 Ajax 提交数据并用 jQuery Validate 验证
表单填写需要验证可用插件 jQuery Validate 提交数据使用 Ajax 可操控性得到提到 注意:请自行引入 jQuery 和 jQuery Validate HTML 代码 <form ...
随机推荐
- 标准C程序设计七---20
Linux应用 编程深入 语言编程 标准C程序设计七---经典C11程序设计 以下内容为阅读: <标准C程序设计>(第7版) 作者 ...
- CodeForces - 813C The Tag Game (树的dfs遍历)
[传送门]http://codeforces.com/problemset/problem/813/C [题目大意]两个人玩游戏,一个人跑一个人追,轮流决策,可以走也可以不走.给你一棵树,想要从某个结 ...
- codevs——2693 上学路线(施工)
2693 上学路线(施工) 时间限制: 2 s 空间限制: 16000 KB 题目等级 : 黄金 Gold 题解 题目描述 Description 问题描述 你所在的城市街道好像一个 ...
- javafx中多场景的切换
0.前言 前段时间在做javafx的应用程序,遇到一些坑.以本文记录之.(如有更好的解决办法欢迎评论,本人小白,轻喷) 1.问题 按照官方的中文文档,成功的运行了单一界面的表单登录.于是想自己试试多界 ...
- JDK动态代理理解精髓
1.Java动态代理的关键是:Proxy类要和InvocationHandler的接口实现类,要用同一个目标target对象class,所以精髓是InvocationHandler和Proxy是一 ...
- 自动调整文字高度With what should I replace the deprecated sizeWithFont:contrainedToSize:lineBreakMode method?
自动调整文字的高度: ios 2.0 ~ 7.0以下: UILabel *orgnizationLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, ...
- android 圆形按钮
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=&q ...
- maven最小配置
将参与项目开发的开发人员的用户名及邮箱捆绑在一起,在code review是更加方便的进行版本管控: 1.配置user,name和user,email命令: $ git config --global ...
- ZT:与其怨天尤人,不如全力以赴;若想改变世界,你必须先从改变自己开始!
在闻名世界的威斯特敏斯特大教堂地下室的墓碑林中,有一块名扬世界的墓碑.其实这只是一块很普通的墓碑,粗糙的花岗石质地,造型也很一般,同周围那些质地上乘.做工优良的亨利三世到乔治二世等二十多位英国前国王墓 ...
- takeLatest 如何接受 this.props.dispatch 传递的参数
1.步骤一 // 获取查询参数 getQueryParams(params){ // 请求月考核分的数据 this.props.dispatch({ type:'getMonthlyAssessmen ...