`

js+jquery表单验证--自己总结

阅读更多

###js+jquery验证表单,自己总结的。
定义判断的变量true-->鼠标离开事件-->先清空span的html()-->不符合要求赋予错误提示.html();变量设为false;return-->
checkEmpId = true;//不包含非法字符执行到这,重新设置一下变量为true;return-->注册点击事件-->
让所有input失去焦点-->变量还是true可以提交表单

 

 

<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/authentication.js"></script>

<script type="text/javascript">
	$(document).ready(function(){
		var checkEmpId = true;//定义一个变量
		/*鼠标离开事件*/
		$("#employeeId").blur(function(){
			var employeeId = $("#employeeId").val();
			var textEmployeeId = $("#textEmployeeId");
			textEmployeeId.html("");
			if( illegalChar_queryUse(employeeId) ){
				textEmployeeId.html("<font color='red'>工号ID不能包含非法字符!</font>");
				checkEmpId = false;
				return;
			}
			checkEmpId = true;//不包含非法字符执行到这,重新设置一下变量为true
			return;
		});

		/*注册点击事件*/
		$("#chaxun").click(function(){
			$("input").blur();//让所有input失去焦点
			if( checkEmpId == true ){
				$("#form").submit();
			}
		});
	});
	/*重置表单*/
	function resetForm(){
		$("#employeeId").val("");
		$("#textEmployeeId").html("");
	}
</script>

 

分享到:
评论

相关推荐

    jQuery-1.8.1.js+jQuery-1.8.1-min.js+jQuery api 1.8 中文版.chm

    7. **插件生态**:jQuery拥有庞大的插件生态系统,提供了大量扩展功能,如表单验证、轮播图、日期选择器等。 通过学习和应用这些知识点,开发者可以借助jQuery 1.8.1高效地实现网页交互,提升用户体验。对于初学者...

    HTML+CSS+JS+jQuery+常用js特效-CHM文档

    它可以操作DOM(Document Object Model),动态更新网页内容,实现表单验证、动画效果等功能。ES6(ECMAScript 6)是JavaScript的最新版本,引入了类、模块、箭头函数等新特性,提高了代码的可读性和维护性。 ...

    Jquery 表单验证+本地图片上传-切割-预览

    在本项目中,"Jquery 表单验证+本地图片上传-切割-预览"是一个综合性的前端开发实例,它涵盖了几个重要的JavaScript库和技术,包括jQuery、表单验证、图片上传、图片切割以及预览功能。以下是这些知识点的详细解释:...

    JavaScript+jQuery程序设计 源码

    7. **插件使用**:jQuery生态系统中有大量的插件,它们提供了更丰富的功能,如轮播图、日期选择器、表单验证等。源码中可能包含了一些插件的使用示例,通过阅读可以学习如何引入和使用它们。 通过分析和实践这个...

    JavaScript+jQuery交互式Web前端开发-源代码.zip

    例如,你可以使用 JavaScript 来实现网页上的表单验证、动态加载内容、时间日期显示等。 jQuery 是一个 JavaScript 库,它简化了 JavaScript 的使用,提供了一套丰富的API来处理常见的网页操作,如选择DOM元素、...

    JavaScript+jQuery网页特效设计任务驱动教程-PPT.zip

    7. 实战项目:通过实际的网页特效任务,如图片轮播、导航栏响应式设计、表单验证等,巩固所学知识。 这个教学资料的目标是让你不仅理解JavaScript和jQuery的基本概念,还能动手实践,通过完成一系列任务,提升你的...

    JavaScript+jQuery网页特效设计实例源码

    4. **表单验证**:使用JavaScript和jQuery对用户输入进行实时验证,提高数据提交的准确性。 5. **滑动面板和模态窗口**:用于显示额外信息或对话框,增强用户体验。 6. **响应式设计**:随着设备屏幕尺寸变化,...

    Java Web Jquery表单验证

    Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1...

    jquery表单验证插件

    ### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交,还支持文件上传等功能,极大地提升了用户体验并降低...

    jquery1.4.js + jquery-validation.min.js

    在实际项目中,jQuery 1.4.js与jQuery Validation Plugin的组合使用,可以实现高效且友好的表单验证流程。首先,确保引入了这两个脚本文件,如`jquery-1.4.3.js`和`jquery.validate.min.js`。然后,通过以下步骤进行...

    jQuery表单验证大全

    《jQuery表单验证详解》 在Web开发中,表单验证是不可或缺的一部分,它能确保用户输入的数据符合预设的规则,从而保护服务器免受不合法数据的影响,提高用户体验。jQuery,作为一款广泛使用的JavaScript库,提供了...

    基于HTML电商购物项目的设计与实现——html+css+javascript+jquery+bootstarp响应式图书商城

    2. **JavaScript**: 用于实现网页的动态效果,如鼠标滑过特效、表单验证等。 3. **jQuery**: JavaScript的一个库,简化了DOM操作,使JavaScript代码更加简洁高效。 4. **Bootstrap**: 一个流行的前端框架,提供了一...

    php+ajax+jquery打造登陆验证

    jQuery简化了JavaScript的DOM操作和Ajax交互,使得开发者可以更容易地创建交互式网页。`jqajax.html`很可能是包含HTML结构、CSS样式和JavaScript(jQuery)脚本的登录界面。在这个文件中,你可能会看到使用jQuery的`...

    jQuery-File-Upload

    **jQuery-File-Upload** 是一个非常流行的前端文件上传插件,它基于JavaScript库jQuery,专为实现现代浏览器上的多文件上传功能而设计。这个插件不仅提供了用户友好的界面,还支持各种高级特性,如进度条显示、批量...

    jQuery-File-Upload的例子

    总结,jQuery-File-Upload是实现现代Web应用中高效、用户友好的文件上传功能的理想选择。通过深入了解其工作原理和配置方法,我们可以将其优势充分发挥,提升用户体验。同时,结合合理的服务器端处理和安全措施,...

    JQuery实现表单验证

    总结来说,JQuery为表单验证提供了强大且灵活的解决方案。通过合理利用JQuery的功能,开发者能够创建出既高效又友好的验证机制,提高用户体验,同时确保数据的准确性。对于初学者和经验丰富的开发者来说,熟练掌握...

    jquery-2.1.1-vsdoc.js,jquery-2.1.1.js,

    7. **插件系统**:jQuery拥有丰富的插件库,扩展了其功能,如表单验证、轮播图、日期选择器等。 在实际项目中,jQuery-2.1.1通常与其他库或框架一起使用,如Bootstrap,提供响应式设计;或者与Ajax技术配合,实现...

    js与jQuery表单验证实例

    总结起来,JavaScript和jQuery提供了强大的工具来实现表单验证。对于初学者,理解基础的JavaScript语法和jQuery操作是必要的;对于进阶开发者,掌握jQuery Validate插件的用法可以提高开发效率,同时保持代码的整洁...

    【原创】jquery表单验证插件

    本人制作的jquery表单验证插件JfomValidate 功能:可以完成绝大数页面的脚本验证效果,压缩包里有示例和调用说明。 压缩包包含文件: index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...

Global site tag (gtag.js) - Google Analytics