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 ...
随机推荐
- FreeSWITCH voicemail
功能描述:分机不存在时,进行语音留言. 步骤: 1.编译mod_voicemail 模块.默认是已经有编译 2.加载mod_voicemail模块: fs_cli --> reload mo ...
- MSSQL—行转列
行转列,是SQL中经常会遇到的一个问题,并且分为静态转换和动态转换,所谓静态转换即在转换的行数已知或固定:动态转换则为转换的行数不固定. 转换的方法一般采用case when语句或pivot(MSSQ ...
- java泛型类型变量能调用的方法
public class Person { } public class Student extends Person{ private String name; public Student(Str ...
- form表单公用
<?php /** * 后台总控制器 */ namespace app\common\controller; use think\Controller; use app\common\servi ...
- android7.0以上使用融云即使通讯的坑
一.连接服务器不走connect()方法 在android6.0以下,在使用融云sdk时,直接将依赖库引入到项目中即可.但是在7.0及以上时,直接应用会发现消息一直发送不出去,错误提示为dlopen ...
- swift 实践- 09 -- UIImageVIew
import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoa ...
- SQLPLUS 命令
定制:sql提示符信息 1.显示SQLPLUS帮助,命令如下:HELP INDEX @ COPY PAUSE SHUTDOWN @@ DEFINE PRINT SPOOL / DEL PROMPT S ...
- Android开发实战一 百度SDK
一 申请百度API key 百度地图API:http://developer.baidu.com/map/ 百度地图开发者平台地址:http://developer.baidu.com/map/ .点 ...
- Winhex数据恢复学习笔记(四)
睡不着,那就深夜写篇笔记打发一下不瞌睡,❥(^_-) 1.winhex在文件批量处理上主要是针对批量保存.打开.关闭,主要还是基于批量打开的其他一些操作,这里通过构造通配符来批量打开,列如 *符号 ? ...
- cf1144E 假高精度平均数
/* 先一轮求和,再一轮做除法 */ #include<bits/stdc++.h> using namespace std; ],s2[]; ],n; int main(){ cin&g ...