###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>
分享到:
相关推荐
7. **插件生态**:jQuery拥有庞大的插件生态系统,提供了大量扩展功能,如表单验证、轮播图、日期选择器等。 通过学习和应用这些知识点,开发者可以借助jQuery 1.8.1高效地实现网页交互,提升用户体验。对于初学者...
它可以操作DOM(Document Object Model),动态更新网页内容,实现表单验证、动画效果等功能。ES6(ECMAScript 6)是JavaScript的最新版本,引入了类、模块、箭头函数等新特性,提高了代码的可读性和维护性。 ...
在本项目中,"Jquery 表单验证+本地图片上传-切割-预览"是一个综合性的前端开发实例,它涵盖了几个重要的JavaScript库和技术,包括jQuery、表单验证、图片上传、图片切割以及预览功能。以下是这些知识点的详细解释:...
7. **插件使用**:jQuery生态系统中有大量的插件,它们提供了更丰富的功能,如轮播图、日期选择器、表单验证等。源码中可能包含了一些插件的使用示例,通过阅读可以学习如何引入和使用它们。 通过分析和实践这个...
例如,你可以使用 JavaScript 来实现网页上的表单验证、动态加载内容、时间日期显示等。 jQuery 是一个 JavaScript 库,它简化了 JavaScript 的使用,提供了一套丰富的API来处理常见的网页操作,如选择DOM元素、...
7. 实战项目:通过实际的网页特效任务,如图片轮播、导航栏响应式设计、表单验证等,巩固所学知识。 这个教学资料的目标是让你不仅理解JavaScript和jQuery的基本概念,还能动手实践,通过完成一系列任务,提升你的...
Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1...
### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交,还支持文件上传等功能,极大地提升了用户体验并降低...
6. **实战项目**:这部分可能包含一些实际应用示例,如创建动态表单验证、构建响应式导航菜单、实现图片轮播或时间线等,以帮助读者巩固所学知识并提升实际开发能力。 7. **源码分析**:由于源码在第5部分,这部分...
在实际项目中,jQuery 1.4.js与jQuery Validation Plugin的组合使用,可以实现高效且友好的表单验证流程。首先,确保引入了这两个脚本文件,如`jquery-1.4.3.js`和`jquery.validate.min.js`。然后,通过以下步骤进行...
《jQuery表单验证详解》 在Web开发中,表单验证是不可或缺的一部分,它能确保用户输入的数据符合预设的规则,从而保护服务器免受不合法数据的影响,提高用户体验。jQuery,作为一款广泛使用的JavaScript库,提供了...
jQuery UI 广泛应用于企业级 Web 应用、电子商务平台、内容管理系统等,尤其在需要丰富用户交互和可视化效果的场景中,如数据可视化、表单验证、多步骤流程等。 ### 结论 jQuery UI 是一个强大的工具,通过其丰富...
2. **JavaScript**: 用于实现网页的动态效果,如鼠标滑过特效、表单验证等。 3. **jQuery**: JavaScript的一个库,简化了DOM操作,使JavaScript代码更加简洁高效。 4. **Bootstrap**: 一个流行的前端框架,提供了一...
jQuery简化了JavaScript的DOM操作和Ajax交互,使得开发者可以更容易地创建交互式网页。`jqajax.html`很可能是包含HTML结构、CSS样式和JavaScript(jQuery)脚本的登录界面。在这个文件中,你可能会看到使用jQuery的`...
**jQuery-File-Upload** 是一个非常流行的前端文件上传插件,它基于JavaScript库jQuery,专为实现现代浏览器上的多文件上传功能而设计。这个插件不仅提供了用户友好的界面,还支持各种高级特性,如进度条显示、批量...
总结,jQuery-File-Upload是实现现代Web应用中高效、用户友好的文件上传功能的理想选择。通过深入了解其工作原理和配置方法,我们可以将其优势充分发挥,提升用户体验。同时,结合合理的服务器端处理和安全措施,...
总结来说,JQuery为表单验证提供了强大且灵活的解决方案。通过合理利用JQuery的功能,开发者能够创建出既高效又友好的验证机制,提高用户体验,同时确保数据的准确性。对于初学者和经验丰富的开发者来说,熟练掌握...
7. **插件系统**:jQuery拥有丰富的插件库,扩展了其功能,如表单验证、轮播图、日期选择器等。 在实际项目中,jQuery-2.1.1通常与其他库或框架一起使用,如Bootstrap,提供响应式设计;或者与Ajax技术配合,实现...
总结起来,JavaScript和jQuery提供了强大的工具来实现表单验证。对于初学者,理解基础的JavaScript语法和jQuery操作是必要的;对于进阶开发者,掌握jQuery Validate插件的用法可以提高开发效率,同时保持代码的整洁...