有时侯告诉用户应该怎么做很重要,尤其是当填写一个复杂的表格的时候.此代码使用title属性在一个单独的DOM元素里显示帮助。(翻译的生硬了...)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript' src='jquery.autohelp.js'></script> </head>
<body>
<form>
<input type="text" name="demo1" title="Type something" />
<select name="demo2" title="Select something"><option value=0>Select</option></select>
<input type="radio" name="demo3" value="foo" title="Pick one (like foo)"> foo
<input type="radio" name="demo3" value="bar" title="Pick one (like bar)"> bar
</form>
<p id="autohelp">Focus on one of the form elements above.</p>
<script type="text/javascript">
$(document).ready(function() {
$("form *").autohelp("#autohelp");
});
</script>
</body>
</html>
jquery.js这个从那啥网上下就行...
jquery.autohelp.js 代码
$.fn.autohelp = function(t, o) {
t = $(t); o = o || {};
var h;
this.focus(function() { h = t.html(); (o.hide ? t.show() : t).html(this.title); })
.blur(function() { (o.hide ? t.hide() : t).html(h); });
return this;
}
分享到:
相关推荐
10. **插件扩展**:jQuery生态系统中有大量插件,如`jQuery Validate`用于表单验证,`FullCalendar`用于日历展示,`prettyPhoto`实现图片灯箱效果等。这些插件极大地扩展了jQuery的功能,开发者可以根据需求选择使用...
本文将深入探讨jQuery表单验证的相关知识点,帮助开发者更好地理解和应用这一功能。 1. **jQuery Validate插件** jQuery Validate插件是jQuery的一个扩展,专门用于处理HTML表单的验证。它提供了一套完整的验证...
`A Jquery Inline Form Validation` 是一个高质量的jQuery插件,专注于提供直观且高效的前端表单验证功能。这个插件通过在用户输入时即时显示错误信息,使得验证过程更加顺畅,减少了用户在提交表单后发现错误的情况...
这个基于事件的jQuery插件,名为"provejs-jquery",专为HTML表单设计,提供了一种高效且灵活的方式来执行这种验证。 jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。通过使用...
Bootstrap Validation Min JS是一款针对Bootstrap框架设计的jQuery表单验证插件。这个插件的主要目标是为开发者提供一种简便的方法来实现在Bootstrap环境中的表单验证,确保用户输入的数据符合预设的规则,从而提高...
这个"基于HTML5新特性新规范的表单验证jQuery插件.zip"文件,显然是一个利用HTML5的新功能并结合jQuery库来增强网页表单验证的工具。在深入探讨之前,我们先了解一下HTML5和jQuery的基本概念。 HTML5是HyperText ...
首先,jQuery Form插件的核心特性之一是支持异步表单提交(Ajax)。通过使用Ajax,用户可以在不刷新整个页面的情况下发送表单数据到服务器,提供更好的用户体验。例如,你可以使用`ajaxForm()`或`ajaxSubmit()`方法...
文件名"jQuery-Mobile-Book-master"暗示了本书可能包含一个完整的项目结构,其中包括各个章节的示例代码、资源文件以及可能的测试用例。读者可以通过阅读和运行这些代码,更好地理解jQuery Mobile的使用方法和最佳...
而`jquery-validation`则是jQuery生态中的一款强大插件,用于表单验证,帮助开发者创建用户友好的、功能丰富的表单验证系统。`jquery-validation-1.11.1.zip`这个压缩包包含了该插件的源码、文档和示例,是深入理解...
jQuery-validation是Web开发中常用的客户端表单验证插件,其1.19.1版本的发布为开发者提供了更稳定和高效的服务。该压缩包“jquery-validation-1.19.1.zip”包含了完整的源码、库文件、示例、测试用例以及相关文档,...
4. 插件:jQuery生态系统中的插件丰富多样,如滑动插件(jquery.slide.js),表单验证(form-validate.js)等,极大地扩展了jQuery的功能。 5. 测试用例:测试用例可以帮助开发者理解代码行为,确保正确使用jQuery功能。...
总结来说,jQuery表单验证是一个强大的工具,可以帮助我们创建具有高效验证逻辑的交互式表单,从而提升Web应用的用户体验和数据质量。通过熟练掌握jQuery的验证功能,开发者能够构建出更健壮、更用户友好的网络服务...
总的来说,“Best jQuery UI”是一个全面介绍和展示jQuery UI功能的资源集合,它涵盖了从基础到高级的各种用例,对于开发者来说,无论是初学者还是有经验的程序员,都是一个极好的学习和参考资源。通过实践这些案例...
jquery提交form表单,无刷新页面,有用例
标题 "karma-jasmine-jquery-0.1.1" 提到的是一个特定版本的集成测试框架组件,它结合了 Karma、Jasmine 和 jQuery 这三个重要的 JavaScript 工具。Karma 是一个流行的 JavaScript 测试运行器,它允许在多种浏览器...
jQuery Validation Plugin 是一个流行的JavaScript库,专门用于实现Web表单的数据验证。这个插件是基于jQuery框架设计的,因此,它能够轻松地与jQuery的其他功能集成,提供用户友好的交互体验。在版本1.13.0中,该...
jQuery Validation Plugin 是一个广泛使用的开源插件,用于在客户端进行表单验证,提高用户交互体验。版本1.15.0是该插件的一个稳定版本,提供了丰富的功能和改进。 **主要功能** 1. **自动验证**:该插件可以自动...
5. Whir.JqueryDemoTools:这是项目的主要代码文件夹,包含了实际的jQuery示例代码和可能的测试用例。通过这个目录,开发者可以直接查看和学习各种jQuery操作,如DOM操作、事件处理、动画效果、AJAX请求等。 在...