添加引用

<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验证表单的更多相关文章

  1. Jquery validate验证表单时多个name相同的元素只验证第一个的问题

    下面搜集了五种方法,主要还是前两个提供了解决方案,第三种需要修改jQuery源码: 修复jquery.validate插件中name属性相同(如name='a[]')时验证的bug 使用jquery. ...

  2. jquery.validate验证表单配合回调提交和h5.storage本地保存笔记

    表单验证插件我使用:jquery.validate.js 支持中文提示,可扩展性强!教程地址 本地保存状态信息使用:h5提供的storage,浏览器支持5m的存储量,存储类型必须是string类型,并 ...

  3. Jquery.validate.js表单验证插件的使用

    作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例 ...

  4. 基于Jquery Validate 的表单验证

    基于Jquery Validate 的表单验证 jquery.validate.js是jquery下的一个验证插件,运用此插件我们可以很便捷的对表单元素进行格式验证. 在讲述基于Jquery Vali ...

  5. 异步提交form的时候利用jQuery validate实现表单验证

    异步提交form的时候利用jQuery validate实现表单验证相信很多人都用过jquery validate插件,非常好用,并且可以通过下面的语句来自定义验证规则    // 电话号码验证    ...

  6. 基于Bootstrap+jQuery.validate Form表单验证实践

    基于Bootstrap jQuery.validate Form表单验证实践 项目结构 :     github 上源码地址:https://github.com/starzou/front-end- ...

  7. jQuery.validate.js表单验证插件

    jQuery.validate.js表单验证插件的使用 效果: 代码: <!DOCTYPE html> <html lang="en"> <head& ...

  8. 第一百八十六节,jQuery,验证表单插件,Ajax 表单插件,验证和提交表单

    jQuery,验证表单插件,Ajax 表单插件,验证和提交表单 HTML <form id="reg" method="post" action=&quo ...

  9. jquery.validate.js表单验证

    一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...

随机推荐

  1. mariadb安装配置

    CentOS 7安装MariaDB 详解以及相关配置 第一步:添加 MariaDB yum 仓库 首先在CentOS操作系统中/etc/yum.repos.d/目录下添加 MariaDB 的YUM配置 ...

  2. 公民身份号码校验码算法(C#版)

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

  3. 高频访问IP弹验证码架构图 让被误伤的用户能及时自行解封的策略

    高频访问IP限制 --Openresty(nginx + lua) [反爬虫之旅] - Silbert Monaphia - CSDN博客 https://blog.csdn.net/qq_29245 ...

  4. requests获取所有状态码

    requests获取所有状态码 requests默认是不会获取301/302的状态码的.可以设置allow_redirects=False,这样就可以获取所有的状态码了 import requests ...

  5. (4.20)sql server性能指标、性能计数器

    (4.20)sql server性能指标.性能计数器 常规计数器 收集操作系统服务器的服务器性能信息,包括Processor.磁盘.网络.内存 Processor 处理器 1.1 % Processo ...

  6. 画柱状图Java

    样例输入:THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG.THIS IS AN EXAMPLE TO TEST FOR YOURHISTOGRAM PROGR ...

  7. 工具推荐. 在线unix, 在线python/perl脚本测试环境

    在线python, perl, javascript, Lisp, Ruby等  http://melpon.org/wandbox/ 正则表达式在线测试工具 http://tools.jb51.ne ...

  8. 搭建Mybatis 出现 Error querying database. Cause: java.lang.IllegalArgumentException: Mapped Statements collection does not contain value for mapper.BatchCustomer.findBatchCustomerOneToOne

    Error querying database. Cause: java.lang.IllegalArgumentException: Mapped Statements collection doe ...

  9. ubuntu 中启动SDK manager

    Android SDK安装后,目录结构如下: root@localhost:/home/ranxf/Android/Sdk/android-sdk-linux# ll 总用量 drwxrwxr-x r ...

  10. 前端学习笔记之CSS过渡模块

    阅读目录 一 伪类选择器复习 二 过渡模块的基本使用 三 控制过渡的速度transition-timing-function 四 过渡模块连写 一 伪类选择器复习 注意点: #1 a标签的伪类选择器可 ...