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 ...
随机推荐
- php 自带的过滤函数和转义函数
函数名 释义 介绍 htmlspecialchars 将与.单双引号.大于和小于号化成HTML格式 &转成&"转成"' 转成'<转成<>转成> ...
- 设计模式之——Decorator模式
Decorator模式又叫装饰者模式,这种模式是为了满足Java开发的"面向扩展开放,面向修改闭源"的开发原则设计出来的. 在装饰者模式中,不修改源类的代码,却能修改源类中方法的功 ...
- JSON_EXTRACT查询mysql中的{}和 [{},{}中的值]
json_extract(a.tag, '$[*].tag_name.cn') as tag, json_extract(a.address,'$.en') as address_name, json ...
- SprinBoot CLI 安装(Mac版)
1. 安装 HomeBrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/instal ...
- 动态修改Python类和实例的方法(转)
相信很多朋友在编程的时候都会想修改一下已经写好的程序行为代码,而最常见的方式就是通过子类来重写父类的一些不满足需求的方法.比如说下面这个例子. class Dog: def bark(self): p ...
- spring自定义事务同步器(二):借助redisson实现自己的同步器
1. 借助redis的java客户端redisson实现自己的事物同步器 @Override public void lockWithinCurrentTransaction(Object key) ...
- Cocos2d-x学习笔记(17)(TestCpp源代码分析-1)
TestCpp源代码基于Cocos2d-x2.1.3版本号,部分资源来自红孩儿的游戏编程之路CSDN博客地址http://blog.csdn.net/honghaier/article/details ...
- android 模仿今日头条ViewPager+TabLayout
导入依赖库: compile 'com.android.support:design:25.3.1' 1.fg_content_demo2.xml <?xml version="1.0 ...
- 002-spring cache 基于声明式注解的缓存-01-Cacheable annotation
一.简述 对于缓存声明,抽象提供了一组Java注解: @Cacheable触发缓存填充(这里一般放在创建和获取的方法上) @CacheEvict触发缓存驱逐(用于删除的方法上) @CachePut更新 ...
- git-【八】多人协作
当你从远程库克隆时候,实际上Git自动把本地的master分支和远程的master分支对应起来了,并且远程库的默认名称是origin. 要查看远程库的信息 使用 git remote 要查看远程库的详 ...