添加引用

<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. Oracle之rman命令的使用(51CTO风哥rman课程)

    看rman的连接串的帮助 连接数据库 rman target/ rman的版本要和目标数据库一致(一般大版本可以往下兼容小版本) 运行操作系统命令 run {host "pwd"; ...

  2. opencv学习笔记——颜色空间转换函数cv::cvtColor详解

    cv::cvtColor()用于将图像从一个颜色空间转换到另一个颜色空间的转换(目前常见的颜色空间均支持),并且在转换的过程中能够保证数据的类型不变,即转换后的图像的数据类型和位深与源图像一致. 具体 ...

  3. Oracle 11g R2 RAC 高可用连接特性

    转自-阿里巴巴许春值 1.scan概念 什么叫 SCAN,SCAN (Single Client Access Name) 是 Oracle 从11g R2 开始推出的,客户端可以通过 SCAN 特性 ...

  4. Tensorflow 实战Google深度学习框架 第五章 5.2.1Minister数字识别 源代码

    import os import tab import tensorflow as tf print "tensorflow 5.2 " from tensorflow.examp ...

  5. Ultra-QuickSort---poj2299 (归并排序.逆序数.树状数组.离散化)

    题目链接:http://poj.org/problem?id=2299 题意就是求把数组按从小到大的顺序排列,每次只能交换相邻的两个数, 求至少交换了几次 就是求逆序数 #include<std ...

  6. uchome登录验证

    Uchome采用cookie+数据库的方式来进行用户登录验证的 一.登录 1:登录表单由source/do_login.php 处理 2:然后验证用户名以及密码的正确性,不正确则跳转并提示登录失败 3 ...

  7. Windows中杀死某个端口的进程

    最近写项目,总是出现端口被占用的问题,原来傻傻的把电脑重启一下,终于有一天受不了了,想要想办法解决.刚开始从网上找了好多教程,发现不行.开始自己尝试,终于,成功的将占用端口的进程杀掉.在此记录下过程( ...

  8. sql server 2008维护计划配置

    转自:https://blog.csdn.net/yunye114105/article/details/6594826 一:目标任务: 使用SQL Server 2008自带的维护计划自动备份数据库 ...

  9. 201-React顶级API

    一.概述 React是React库的入口点.如果您从<script>标记加载React,则这些顶级API可在React全局中使用.如果你使用npm的ES6,你可以写:import Reac ...

  10. Openstack(十二)部署neuron(计算节点)

    在计算节点安装 12.1安装neuron(计算节点) # yum install openstack-neutron-linuxbridge ebtables ipset –y 12.2配置neutr ...