jquery.validate验证表单
添加引用
<script src="/${appName}/commons/js/validate/jquery.validate.min.js"></script>
/*验证表单*/
function vform(dom,func){
$("#"+dom).validate({
rules : {
cateCode : {
required : true,
maxlength: 50
},
money:{
required : true,
maxlength: 50,
number:true
},
remark:{
required : true,
},
time:{
required : true,
date:true
}
},
messages : {
cateCode : {
required : "请选择类别",
maxlength: "参数名过长"
},
money:{
required: "请输入金额",
maxlength: "参数名过长",
number:"请输入数字"
},
remark:{
required: "请输入备注信息",
},
time:{
required: "请选择日期",
date:"日期格式错误"
}
},
submitHandler : function() {
func();
}
});
} /**------验证成功后,添加操作------*/
function addBook(){
var cateCode = cate_code_add;
var money = $("#money_add").val();
var remark = $("#remark_add").val();
var time = $("#time_add").val();
if(isNull(cateCode)){
swal({
title: "提示",
text: "请选择类型",
type: "warning"
},function(){
$("#cateCode_add").focus();
});
return;
}
$.ajax({
url:'/${appName}/manager/bookController/addBook',
type:'post',
async:'true',
cache:false,
data:{cateCode:cateCode,money:money,remark:remark,time:time},
dataType:'json',
success: function(data){
console.info();
if(data){
swal({
title: "系统提示",
text: "添加成功",
type: "success"
},function(){
$("#cateCode_add").val('');
$("#money_add").val('');
$("#remark_add").val('');
$("#addwin").modal('hide');
});
}else{
swal({
title: "系统提示",
text: "添加失败",
type: "warning"
},function(){
$("#addwin").modal('hide');
});
}
},
error: function (aa, ee, rr) {
swal({
title: "系统提示",
text: "请求服务器失败,清稍候再试",
type: "warning"
},function(){
$("#addwin").modal('hide');
});
}
});
} //添加验证,在$(function(){});中执行
vform('addform',addBook);
jquery.validate验证表单的更多相关文章
- Jquery validate验证表单时多个name相同的元素只验证第一个的问题
下面搜集了五种方法,主要还是前两个提供了解决方案,第三种需要修改jQuery源码: 修复jquery.validate插件中name属性相同(如name='a[]')时验证的bug 使用jquery. ...
- jquery.validate验证表单配合回调提交和h5.storage本地保存笔记
表单验证插件我使用:jquery.validate.js 支持中文提示,可扩展性强!教程地址 本地保存状态信息使用:h5提供的storage,浏览器支持5m的存储量,存储类型必须是string类型,并 ...
- Jquery.validate.js表单验证插件的使用
作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例 ...
- 基于Jquery Validate 的表单验证
基于Jquery Validate 的表单验证 jquery.validate.js是jquery下的一个验证插件,运用此插件我们可以很便捷的对表单元素进行格式验证. 在讲述基于Jquery Vali ...
- 异步提交form的时候利用jQuery validate实现表单验证
异步提交form的时候利用jQuery validate实现表单验证相信很多人都用过jquery validate插件,非常好用,并且可以通过下面的语句来自定义验证规则 // 电话号码验证 ...
- 基于Bootstrap+jQuery.validate Form表单验证实践
基于Bootstrap jQuery.validate Form表单验证实践 项目结构 : github 上源码地址:https://github.com/starzou/front-end- ...
- jQuery.validate.js表单验证插件
jQuery.validate.js表单验证插件的使用 效果: 代码: <!DOCTYPE html> <html lang="en"> <head& ...
- 第一百八十六节,jQuery,验证表单插件,Ajax 表单插件,验证和提交表单
jQuery,验证表单插件,Ajax 表单插件,验证和提交表单 HTML <form id="reg" method="post" action=&quo ...
- jquery.validate.js表单验证
一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...
随机推荐
- tomcat启动时常见错误问题集锦
1:环境变量 问题:The JAVA_HOME environment variable is not defined This environment variable is needed to r ...
- 利用maven-assembly-plugin加载不同环境所需的配置文件及使用场景
背景: 如何加载不同环境的配置文件已经成了势在必行的,我们通常利用profile进行,详情参见我上篇博客 http://www.cnblogs.com/lianshan/p/7347890.html, ...
- nginx 下使用 bootstrap 字体的问题
使用boostrap时,出现 glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff glyphicons-halflin ...
- Modulo operation
Modulo operation - Wikipedia https://en.wikipedia.org/wiki/Modulo_operation https://baike.baidu.com/ ...
- 一道题浅析 i++,++i,i+1及(引用)&i的区别
我们可能很清楚i++,++i和i+1级&i的概念,但在实际运用中我们就有可能很容易搞混淆.特别是在递归中区别它们就显得尤为重要了.那首先我们先看一段利用递归逆序字符串的代码,你能回答出这段代码 ...
- logger类
日志模块logging的四大组件: logger: 志类应用程序往往通调用提供api记录志handler: 志信息处理志发送(保存)同目标域filter: 志信息进行滤formatter:志格式化 L ...
- 【转】sql server 订阅发布、快照发布(一)
原文链接:https://blog.csdn.net/tiandi_5000/article/details/11646023 SQL SERVER 2012 使用订阅发布同步数据库(一) 2013年 ...
- SQL Server查看库、表占用空间大小
转自:https://blog.csdn.net/yenange/article/details/50493580 查询数据文件与日志文件占用情况,查看数据大小,查看库大小 1. 查看数据文件占用(权 ...
- java 多线程 day18 ThreadPoolExecutor
http://blog.csdn.net/lipc_/article/details/52025993 https://www.cnblogs.com/trust-freedom/p/6681948. ...
- jQuery事件-div的显示隐藏及鼠标的移入移出
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...