JQuery validate 验证数据是否与数据库中数据重复

掌握jQuery Validate插件:表单验证技术详解 本文还有配套的精品资源,点击获取 简介:本文全面介绍了jQuery Validate插件的使用方法和在实际项目中的应用。首先介绍了该插件的功能和优势,然后详细讲解了如何引入和初始化验证,如何自定义验证规则以及使用验证组和事件处理。本文还提供了示例应用和总结,帮助读者深入理解并有效运用jQuery Validate插件进行前端验证。 1. jQuery Valida... 阅读详情
几天在添加一个验证用户名是否存在的功能时添加了一个自定义方法
//向jQuery Validator中添加自己的规则
	$.validator.addMethod("checkRepeat",function(value,element,params){
			$
				.ajax({
					type : "post",
					dataType : "json",
					data : {
						userLoginName : name
					},
					async : false,
					cache : false,
					url : "${pageContext.request.contextPath}/users/checkLoginName",
					success : function(data) {
						if(data.success){
						 	 return data.flag;
						}else{
							return true;
						}
					},
					error : function() {
						alertMsg("服务器出错");
					}
				});
	},"登录名已存在");
然后后台已经添加了对应的方法,可是就是一直提示用户名重复,明明没有还是提示用户名重复,然后我试了一下
//向jQuery Validator中添加自己的规则
	$.validator.addMethod("checkRepeat",function(value,element,params){
			return true;
	},"登录名已存在");
直接返回一个布尔值发现可以,然后就吧ajax的验证放到了一个方法中,调用那个方法的时候我意识到了,原来ajax中的return和addMethod中的return返回的值给的层面不一样,于是便有了
//向jQuery Validator中添加自己的规则
	$.validator.addMethod("checkRepeat",function(value,element,params){
			return checkLoginName(value);
	},"登录名已存在");
	/**
	*检测用户名是否重复方法
	*/
	function checkLoginName(name){
		var flagTemp = false;
		$
				.ajax({
					type : "post",
					dataType : "json",
					data : {
						userLoginName : name
					},
					async : false,
					cache : false,
					url : "${pageContext.request.contextPath}/users/checkLoginName",
					success : function(data) {
						if(data.success){
						 	flagTemp = data.flag;
						}else{
							flagTemp = true;
						}
					},
					error : function() {
						alertMsg("服务器出错");
					}
				});
				return flagTemp;
	}
然后就解决了这个问题,感觉这个问题出现的有点奇怪,记录一下,然后我发现一个问题,希望大牛们指导一下,就是jquery validate我输入一个字符验证一次,导致一个用户名验证就会进行很多的网络请求,很耗费资源,希望可以全部输完之后,统一验证
jQuery.validate.js前端表单验证实战利器 jQuery.validate.js 是最早实现声明式表单验证的 jQuery 插件之一,其诞生源于传统 JavaScript 验证方式的三大痛点:代码重复率高、逻辑耦合严重、跨浏览器兼容性差。通过将验证规则抽象为配置项,结合事件驱动机制(如onsubmitonfocusout),实现了 HTML 结构与验证逻辑的解耦。messages: { email: "请输入邮箱地址" }});该插件依托 jQuery 强大的选择器引擎和链式调用能力,支持通过class。 阅读详情

相关推荐

基于LightGBM和多模型融合的量化交易研究:沪深300为例【附代码】

📊 数据科学与大数据专业 | 数据分析与模型构建 | 数据驱动决策✨ 专业领域:数据挖掘与清洗大数据处理与存储技术机器学习与深度学习模型数据可视化与报告生成分布式计算与云计算数据安全与隐私保护💡 擅长工具:Python/R/Matlab 数据分析与建模Hadoop/Spark 大数据处理平台SQL数据库管理与优化Tableau/Power BI 数据可视化工具TensorFlow/PyTorch 深度学习框架✅数据科学与大数据技术毕业论文【数据】

lagougongzuoshi的博客 1670

基于注解实现新增/编辑数据时的重复数据校验

基于注解实现新增/编辑数据时的重复数据校验

R先生专栏 2万+

利用随机矩阵理论(random matrix theory)确定微生物网络构建阈值

利用随机矩阵理论(random matrix theory)确定微生物网络构建阈值

微生物生态学分析 7638

SpringBoot(12) 自定义参数校验注解@Validated验证指定字段所属数据库内容是否重复

一、前言 基本环境: spring-boot 2.1.7 在SpringBoot中已经自动包含在spring-boot-starter-web中了,如果因为版本 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web&...

郑清 1万+

Zotero+WPS文献引用跳转功能缺失?3分钟教你用VBA宏搞定(附完整代码)

本文针对WPS用户使用Zotero时文献引用无法点击跳转的痛点,提供了一套完整的VBA宏解决方案。通过解析Zotero的域代码,自动在文内引用和文末参考文献之间创建超链接,实现一键跳转,极大提升了学术写作与文献查阅的效率。

weixin_28419039的博客 671

Ubuntu系统下主板GPU温控pwm风扇

在Linux系统下——以Ubuntu为例,配置主板sys_fan等接口连接pwm温控风扇转速根据NVIDIA GPU温度,为服务器GPU等无主动散热显卡提供散热。

罗思哲的博客 5033

判断上传数据库内容是否重复

1.注意要使用上传功能 表单中需要设置 enctype="multipart/form-data"上传文件代码如下:public function upload(){ if(IS_GET){ $this-&gt;display(); // exit; }else{ $upload = new \Think\Upload();// 实例化上传类 $upload-&gt;m...

phpzhengjiao的博客 1840

机器人中的数值优化(十三)——QP二次规划

本系列文章主要是我在学习《数值优化》过程中的一些笔记和相关思考,主要的学习资料是深蓝学院的课程《机器人中的数值优化》和高立编著的《数值最优化方法》等,本系列文章篇数较多,不定期更新,上半部分介绍无约束优化,下半部分介绍带约束的优化,中间会穿插一些路径规划方面的应用实例

慕羽★的博客 2793

输入框动态判断数据库中是否有重复(根据企业名称)

    //propertychange     $(function(){             $("#").bind(change,function(){               entNameExists();            });        });          function entNameExists()  {     

在水一方 2073

YOLOv11的网络结构概览(Backbone-Neck-Head):介绍骨干网络(Backbone)、特征融合层(Neck)和检测头(Head)的作用

YOLOv11架构解析:从特征提取到目标检测 YOLOv11继承了YOLO系列的经典三组件架构,包含Backbone、Neck和Head三部分。Backbone基于改进的CSPDarknet,通过Conv和C3模块进行多尺度特征提取;Neck采用FPN+PAN结构融合不同层次特征;Head负责检测任务输出。网络整体设计注重高效性和多尺度特征融合,采用C3模块优化信息流和梯度流,配合SPPCSPC增强特征表达能力。该架构在保持实时检测速度的同时,提升了目标检测精度,体现了YOLO系列"一次看全图&q

本博客聚焦 YOLOv11 全流程落地,涵盖架构优化、数据集处理、训练技巧与多场景部署,兼及国产数据库、Java 开发与 AI 模型应用,内容兼顾理论与工程实践,为开发者提供系统干货,助力高效提升技术能力。 1万+

jeecg-boot getDictItemsByTable接口存在SQL注入漏洞CVE-2024-48307

微信公众号搜索:南风漏洞复现文库该文章 南风漏洞复现文库 公众号首发JeecgBoot 是一款开源的的低代码开发平台。

nnn2188185的博客 330

form表单验证对表中数据的校验

form表单验证时对表中数据的校验 在做项目时,被要求当添加表时,要对非主键的编号进行校验,当为空时,提示空值;非空但与数据库重复时,提示已存在。 使用rules和message 在form.validate中,提交时,我们用到submitHandle,在对数据添加规则时,要使用rules,看代码: $(document).ready(function() { ...

weixin_42803027的博客 6076

物联网Node-Red开发教程-第6章 HTTP与Web服务

本章摘要(147字): 本章系统讲解了Node-RED中的HTTP节点应用,重点包括: 三大核心HTTP节点功能:http in(接收请求)、http response(返回响应)、http request(调用外部API) 详细演示了REST API开发流程,包括路径参数(req.params)处理和响应构造 提供了创建Hello World API、传感器数据接口等实用示例 涵盖HTTP方法特性、状态码设置及响应头配置等关键知识点 通过流程图和JSON配置直观展示节点连接方式,帮助快速掌握Web服务开发

shihui2003的博客 264

jquery强大的验证控件jquery-validate

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34259559的博客 118

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

学生健康管理系统部分功能实现

一、自定义validate验证输入的数字小数点位数不能大于两位 <script type="text/javascript"> $.validator.addMethod( "minNumber", function(value,element,params){ var returnVal = true; inputZ=value; var ArrMen= inputZ.split("."); //截取字

weixin_44328027的博客 580

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

jquery Validate 解决表单重复提交

一、说明问题:使用jquery Validate remote验证表单导致表单数据重复提交网上解决表单重复提交的方式各式各样,点开一看js,html代码一大坨。于是自己研究了一下。只需要写一个方法就行了。直接贴代码。我这里是某个分类的唯一性验证。二、代码1.自定义的方法。jQuery.validator.addMethod("checkName", function(value, element)...

Lei_Da_Gou的博客 2394

Jquery的validate表单验证

Jquery的validate的表单验证功能学习

Millet 2830

php ajax验证重复,jquery validate ajax 验证重复的2种方法

jquery validate 经过这种多年的改良,已经很完善了。它能满足80%的验证需要,如果validate自带的功能,不能满足我们需求,它提供了addMethod来扩展功能。下面就举个小例子来说明一下addMethod的用法。先看一下:demo简单说一下js代码,详细一点的看上面例子源码:$(document).ready(function(){jQuery.validator.addMet...

weixin_35900054的博客 146

php jquery validate remote,jquery.validate.js 的 remote 后台验证

之前已经有一篇关于jquery.validate.js验证的文章,还不太理解的可以先看看:jQuery Validate 表单验证(这篇文章只是介绍了一下如何实现前台验证,并没有涉及后台验证remote方法)。有时候我们不仅仅对表单所录入的信息进行验证还需要将录入的值与数据库进行比较,这时我们就需要借助remote方法来实现。这篇文章就是介绍jquery.validate.js的后台验证的remo...

weixin_39600366的博客 145

jquery.validate遇到的问题

场景:jquery.validate插件做表单验证。 操作:addmethod添加一个验证规则,判断用户名是否重复。该规则需要用ajax向服务器查询结果。 问题: 1. 不管用户名是否存在,总是返回false, 因此总是显示错误信息。 ---该问题是由于ajax请求时未设

huihzzwpx的专栏 1970

jquery validate 表单验证

validate是一个jquery的插件的表单验证工具 详细了解点击这里 这里我详细给大家讲解一下他的常规用法 首先我们要有一个普通的表单 用户名: 密码: 重复密码 接着我来展示我们如何使用他

firesnow的博客 1320

php ajax验证重复,jQuery validate插件实现ajax验证重复的2种方法

本文实例讲述了jQuery validate插件实现ajax验证重复的2种方法。分享给大家供大家参考,具体如下:jquery validate 经过这种多年的改良,已经很完善了。它能满足80%的验证需要,如果validate自带的功能,不能满足我们需求,它提供了addMethod来扩展功能。下面就举个小例子来说明一下addMethod的用法。完整demo实例代码如下:/p>"http://w...

weixin_29887801的博客 100

jquery validate ajax 验证重复的2种方法

jquery validate 经过这种多年的改良,已经很完善了。它能满足80%的验证需要,如果validate自带的功能,不能满足我们需求,它提供了addMethod来扩展功能。下面就举个小例子来说明一下addMethod的用法。先看一下:demo简单说一下js代码,详细一点的看上面例子源码: 查看复制打印? $(document).ready(function(){ jQ

AirCloud 2299

5分钟学会jQuery Validate之remote用法

jQuery Validate之 remote用法 一、前言 之前博客已介绍过 jQuery Validate插件的使用 以及 自定义(正则)校验的使用; 如有想了解的小伙伴,请前往以下链接: 5分钟学会jQuery Val...

猿医ˉ生 6559

JQuery validate双重验证

下面是我使用过的jquery的双重验证源代码,欢迎大家参考。 jQuery("#pateintForm").validate({ displayType: "pop",

一壶咖啡,两盏小酒 1457
上一篇: 使用jquery Validate的时候验证出错的提示显示位置问题
下一篇: Spring 配置时一些问题
TOP_Y
博客等级 码龄12年 7粉丝 32原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值