jquery对form表单复杂(多个)条件的判断验证
//按钮先执行验证再提交表
$(document).ready(function(){
// 点击查看图片
$('.nyroModal').nyroModal();
//按钮先执行验证再提交表单
$("#submitBtn").click(function(){
if($("#add_form").valid()){
$("#add_form").submit();
}
});
//自定义空格验证
$.validator.addMethod("spacing",function(value,element,param){
var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");
var regshu = /[~#^$@%&!?%;;¥……::*]/gi;
if(value.indexOf(' ')>0 || reg.test(value) || regshu.test(value)){
return false;
}else{
return true;
}
});
$("#add_form").validate({
span.arr提示
errorPlacement: function(error, element){
var error_td = element.parent('dd').children('span.err');
error_td.append(error);
},
rules : {
admin_name : {
required : true,
minlength: 2,
maxlength: 16,
spacing : true,
remote : {
url :'index.php?act=teachermanager&op=ajax&branch=check_admin_name',
type:'get',
data:{
admin_name : function(){
return $('#admin_name').val();
}
}
}
},
admin_password : {
required : true,
minlength: 6,
maxlength: 32,
spacing : true, },
admin_number : {
required : true,
minlength: 6,
maxlength: 32,
spacing : true, },
admin_rpassword : {
required : true,
equalTo : '#admin_password'
},
gid : {
required : true
}
},
messages : {
admin_name : {
required : '<i class="fa fa-exclamation-circle"></i>教师姓名不能为空',
minlength: '教师姓名长度为2-16位。',
maxlength: '教师姓名长度为2-16位。',
remote : '<i class="fa fa-exclamation-circle"></i>教师姓名已存在',
spacing:"请误输入空格、中文、特殊字符"
},
admin_password : {
required : '<i class="fa fa-exclamation-circle"></i>密码不能为空',
minlength: '密码长度6-32个字符。',
maxlength: '密码长度不超过32个字符。',
spacing:"请误输入空格、中文、特殊字符" },
admin_number2 : {
required : '<i class="fa fa-exclamation-circle"></i>教师编码不能为空',
minlength: '教师编码长度6-32个字符。',
maxlength: '教师编码不超过32个字符。',
spacing:"请误输入空格、中文、特殊字符" },
admin_number : {
required : '<i class="fa fa-exclamation-circle"></i>登录账号不能为空',
minlength: '登录账号长度6-32个字符。',
maxlength: '登录账号不超过32个字符。',
spacing:"请误输入空格、中文、特殊字符" },
admin_rpassword : {
required : '<i class="fa fa-exclamation-circle"></i>确认密码不能为空',
equalTo : '<i class="fa fa-exclamation-circle"></i><?php echo $lang['admin_edit_repeat_error']; ?>'
},
gid : {
required : '<i class="fa fa-exclamation-circle"></i><?php echo $lang['admin_add_gid_null']; ?>'
}
}
});
});
jquery对form表单复杂(多个)条件的判断验证的更多相关文章
- 基于Bootstrap+jQuery.validate Form表单验证实践
基于Bootstrap jQuery.validate Form表单验证实践 项目结构 : github 上源码地址:https://github.com/starzou/front-end- ...
- thinkphp处理jQuery EasyUI form表单问题
jQuery EasyUI form表单不是ajax方式提交,而是在提交的时候新建一个隐藏的iframe并在iframe里面创建一个与绑定表单一样的表单,然后在iframe里面进行同步提交而不是异步提 ...
- jQuery控制form表单元素聚焦
CreateTime--2017年5月28日08:57:16Author:Marydon jQuery使form表单的第一个文本框聚焦 /** * 使form表单的第一个文本框聚焦 */ func ...
- jQuery实现form表单基于ajax无刷新提交方法详解
本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC &quo ...
- jquery获取form表单内容以及绑定数据到form表单
在日常开发的过程中,难免会用到form表单,我们需要获取表单的数据保存到数据库,或者拿到后台的一串json数据,要将数据绑定到form表单上,这里我写了一个基于jquery的,formHelp插件,使 ...
- jquery序列化form表单使用ajax提交后处理返回的json数据
1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try ...
- jquery序列化form表单
在开发中有时需要在js中提交form表单数据,就需要将form表单进行序列化. jquery提供的serialize方法能够实现. $("#searchForm").seriali ...
- Jquery实现form表单提交后局部刷新页面的多种方法
最近做一个小项目,刚好需要用到搜索功能,实现搜索框内输入数据然后按回车或者点击“提交”,然后给后台数据库处理并返回数据给前端,在前端局部更新数据. 但是遇到了一个小问题,就是form表单下任意输入框输 ...
- 【jQuery】form表单元素序列化为json对象
序列化form表单元素为json对象: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head&g ...
- 使用jQuery重用form表单并异步提交到其它action
在做页面开发的时候,有时候要重用表单的数据,并异步请求提交到其它的链接中,这个时候就能够使用jquery去改动表单的action值(记得使用后改动回来).并调用submit方法,当然后台的链接acti ...
随机推荐
- mybatis打印SQL日志
在配置的log4j输出时,不能打印SQL信息,在mybatis-config.xml中添加如下配置即可 <settings> <setting name="logImpl& ...
- Laravel 5.2响应--后台back()->with('提示信息'),前台为什么收不到?
### 今天遇到了个小问题,想后台判断数据的时候,返回前台,然后弹窗提示没有数据 但是前台点了有返回,咩有提示信息 ### 网上找了很9⃣️,关于这方面的都是属于验证时候的相关问题,但是我这个跟验证没 ...
- iOS10 远程通知需要有entitlements的支持
今天测试远程通知,发现ios9上可以收到,但是ios10上无法收到,原来是忘记开下面这个选项了: 这样看来iOS9 对这个entitlement没有什么依赖,但是10却是必须打开的!
- Confluence 6 home 目录中的内容
Confluence home 目录存储了 Confluence 在运行中所使用的数据.下面对 Confluence home 目录中使用的数据和文件进行一些说明: confluence.cfg.xm ...
- 对一个元素 同时添加单击onclick 和 双击ondblclick 触发冲突的解决
需求说明:单击列表项内容后,吧啦吧啦,双击列表项内容后,巴拉巴拉巴拉~~~ 解决思路:卧槽 ,其实我是没思路的,当时唯一的想法就是,看个人点击鼠标的速度了,双击快一点,触发双击事件ლ(′◉❥◉`ლ), ...
- jenkins持续集成:构建多个job同时执行
在jenkins 构建任务时,同时只能构建2个,但是有时候可能涉及到需要同时执行多个任务(大于2个),如果不能同时运行的话,就需要等待上一个执行完了,再执行第三个 比如用例非常多,需要把不同的用例分给 ...
- (转)CSS3之pointer-events(屏蔽鼠标事件)属性说明
我们在 HTML 开发时可能会遇到这样的情况:页面上有一些元素使用绝对定位布局,这些元素可能会遮盖住它们位置下方的某个元素的部分或者全部.默认情况下,下方元素被遮挡的部分是不会响应鼠标事件的. 但有时 ...
- C++ Primer 笔记——模板与泛型编程
1.编译器用推断出的模板参数来为我们实例化一个特定版本的函数. 2.每个类型参数前必须使用关键字class或typename.在模板参数列表中,这两个关键字含义相同,可以互换使用,也可以同时使用. t ...
- Spring Cloud Eureka简介及原理
Eureka是Netflix开发的服务发现组件,本身是一个基于REST的服务.Spring Cloud将它集成在其子项目spring-cloud-netflix中,以实现Spring Cloud的服务 ...
- 快速部署网络爬虫框架scrapy
1. 安装Anaconda,因为Anaconda基本把所有需要依赖的环境都一键帮我们部署好了,不需要再操心其他事了,进官网选择需要下载的版本:https://www.anaconda.com/down ...