- 浏览: 119234 次
- 性别:
- 来自: 合肥
-
文章分类
- 全部博客 (86)
- Web Page (23)
- Java (5)
- Web Security (7)
- Cache (0)
- Message (0)
- CAS (3)
- 开源系统 (2)
- my systems (2)
- Apache Chemistry and Jackrabbit (1)
- Jquery (1)
- spring (8)
- 虚拟主机部署 (3)
- ORM (3)
- myeclipse eclipse (5)
- full index (1)
- 公式编辑器 (1)
- 网页编辑器 (1)
- junit4 (1)
- 飞鸽传书 (1)
- centos install (1)
- maven (1)
- hibernate (1)
- tomcat (5)
- eclipse (4)
- 工具 (1)
- mysql (2)
- tomcat jndi + spring配置 (1)
- goagent (0)
- html video (1)
- ckeditor (0)
- getResourceAsStream (1)
- online education project (1)
- Mac (1)
- Chrome (1)
- dev-tool (1)
最新评论
-
107x：
谢谢分享
Eclipse下使用maven开发web项目 -
a604346146：
如果你关闭该界面时，session没有注销，你不能再登录进去， ...
spring security 同步session控制 -
Jekey：
...
已有windows 7下硬盘安装CentOS 6.x
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css"><!--
*{
margin:0px;padding:0px;font-size:12px;
}
input{
width:100px;height:20px;border:1px solid #ccc;
}
--></style><style type="text/css" mce_bogus="1">
*{
margin:0px;padding:0px;font-size:12px;
}
input{
width:100px;height:20px;border:1px solid #ccc;
}
</style>
</head>
<body>
<script language="javascript"><!--
function tips(id,str){
var l=document.getElementById(id).offsetLeft+120;
var t=document.getElementById(id).offsetTop;
document.getElementById("tips").innerHTML="提示："+str;
document.getElementById("tips").style.left=l+"px";
document.getElementById("tips").style.top=t+"px";
document.getElementById("tips").style.display="";
}
function outtips(){
document.getElementById("tips").style.display='none';
}
// --></script>
<div id="tips" style="position:absolute;border:1px solid #ccc;padding:0px 3px;color:#f00;display:none;height:20px;line-height:20px;background:#fcfcfc"></div>
<br />
姓名：<input type="text" id="username" onfocus="tips('username','姓名长度最多16个字符')" onblur="outtips()" />
<br />
密码：<input type="password" id="password" onfocus="tips('password','密码长度必须在3-18位之间')" onblur="outtips()" />
</body>
</html>
发表评论
-
CSS 的 margin 很困難
2014-04-21 14:24 1533转自：http://xxxxxly.in/posts/ ... -
禁止浏览器自动填充用户名密码
2014-02-18 22:37 934有时页面字段不希望浏览器自动填充用户名和密码，可以在< ... -
Struts标签中的字符串格式化输出
2013-07-11 08:49 1143转自： http://blog.csdn.net/bzkfn ... -
Eclipse下使用maven开发web项目
2012-07-17 09:37 2234摘抄自: http://www.noday.net/artic ... -
eclipse下struts的maven项目报 Missing artifact com.sun:tools:jar错
2012-07-11 17:51 1855如果项目中使用struts2和mave, 则pom文件可能如下 ... -
onsubmit=return false阻止form表单提交javascript_1
2011-12-01 01:22 1091摘自：http://jackaudrey.blog ... -
防止表单自动提交，以及submit和button提交表单的区别
2011-12-01 01:21 6453转自：http://jackaudrey.blog ... -
Iframe 自适应3
2011-11-30 20:27 921Iframe跨域自适应高度（兼容IE/Fi ... -
ckeditor中文文档——开发者文档（3）配置--配置设置
2011-11-30 13:58 2006---- 摘自：http://blog.csdn.net/lh ... -
为CKEditor添加Readonly按钮和Upload Image按钮
2011-11-30 08:29 1701问题内容 转自：http://cjkz.52bianc ... -
jsp中ckeditor的运用实例及配置
2011-11-22 13:33 727转自： http://hi.baidu.com/%B7%E7 ... -
页面回发后，让页面自动滚动到指定位置的一种简单的方法
2011-11-21 21:39 1088页面回发后，让页面自动滚动到指定位置的一种简单的方法 ... -
常用图标
2011-08-30 17:17 715验证表单 -
tip help--js带箭头的提示框
2011-08-30 16:56 1630<!DOCTYPE html PUBLIC " ... -
div move
2011-08-30 16:17 827<!DOCTYPE html PUBLIC " ... -
验证码Jcaptcha .
2011-08-30 15:58 752http://blog.csdn.net/sz_bdqn/ar ... -
十大最佳Ajax教程(转)
2011-07-12 10:15 837转自：http://news.csdn.net/a/20100 ... -
iframe高度自适应2
2011-07-10 22:09 626http://www.fufuok.com/adaptive- ... -
iframe高度自适应1（转）
2011-07-10 22:08 1152转自：http://www.kuqin.com/w ... -
(转)16个Javascript表单事件脚本(表单验证、选择)
2011-07-09 22:58 93016个JavaScript 表单事件脚本, 含jQu ...
相关推荐
五、表单验证提示信息 1. 使用`setCustomValidity()`方法可以自定义错误信息，当验证失败时显示。 2. 提示信息应清晰易懂，指导用户如何修复问题。 六、跨域表单提交与CORS 在处理跨域表单提交时，需了解CORS（跨源...
在网页开发中，表单验证是一项至关重要的任务，它确保用户输入的数据符合预期格式和标准。"js验证表单提示效果"是一个关于如何利用JavaScript、CSS以及jQuery来创建交互式、用户友好的表单验证机制的示例。下面将...
通过以上方法，我们可以构建出一套完整的JavaScript表单验证系统，提供实时、友好的动态提示，提升用户在填写表单过程中的体验。在实际项目中，可以结合`register.html`文件查看具体的实现方式，而`img`目录可能包含...
在IT行业中，表单验证是前端开发中的一个重要环节，它确保用户输入的数据符合特定的规则，从而维护数据的完整性和安全性。"DW笨阿猪高级表单验证"可能是一个专门针对Dreamweaver（DW）用户的插件或教程，旨在帮助...
在Web开发中，表单验证是不可或缺的一部分，它确保用户输入的数据符合预设的规则，从而提高数据质量和用户体验。jQuery Validation Engine 是一个功能强大的表单验证插件，以其简单易用和丰富的自定义选项而受到...
本主题将深入探讨“表单验证自定义验证规则和错误信息”，帮助开发者构建更加灵活、用户体验良好的表单验证机制。 表单验证的基本流程通常包括以下步骤： 1. **前端验证**：在用户提交表单前，通过JavaScript或...
4. **反馈提示**：当验证失败时，使用JQuery修改元素样式或添加提示信息。例如，使用`.addClass()`和`.removeClass()`控制错误提示的显示和隐藏，或者用`.text()`更新错误消息。 5. **阻止默认行为**：在验证失败时...
Bootstrap表单验证是一种在网页开发中确保用户输入数据有效性的技术。Bootstrap，作为最流行的前端框架之一，提供了优雅的样式和组件，使开发者能够轻松创建响应式和美观的界面。结合jQuery，我们可以实现动态和交互...
BootstrapValidator是一款强大的表单验证插件，它基于前端框架Bootstrap设计，可以轻松地为你的HTML表单添加验证功能。这个插件提供了丰富的验证规则和灵活的配置选项，以确保用户输入的数据符合预设条件，从而增强...
本教程将深入探讨如何使用 jQuery 实现表单验证，并以弹出形式展示提示信息。 首先，我们需要理解 jQuery 的基本用法。jQuery 通过 `$` 符号作为入口，可以快速选择页面中的元素。例如，`$("#myForm")` 会选择ID为 ...
在IT领域，表单验证是用户体验中的重要环节，它确保用户输入的数据符合应用程序或网站的预期格式和要求。"漂亮的表单验证效果"这个主题强调了不仅需要验证数据的正确性，还要注重验证过程的视觉反馈，提升用户的交互...
2. **自定义错误消息**：允许开发者根据需要设置个性化的错误提示信息，提升用户体验。 3. **实时验证**：在用户输入时即可进行验证，减少提交无效数据的可能性。 4. **可视化配置**：通过Dreamweaver的界面，无需...
比较实用的javascript做的表单验证，验证的表单域包括用户名、密码、密码...表单域基本通过获得焦点显示提示信息，失去焦点进行验证，还有提交表单验证。提交表单先进行必填项不能为空验证，再进行正则表达式匹配验证。
《jQuery表单验证详解》 在Web开发中，表单验证是不可或缺的一部分，它能确保用户输入的数据符合预设的规则，从而保护服务器免受不合法数据的影响，提高用户体验。jQuery，作为一款广泛使用的JavaScript库，提供了...
3. **自定义错误消息**：允许开发者自定义错误提示信息，使界面更加友好且符合项目需求。 4. **事件驱动**：通过监听用户的输入事件，动态执行验证，支持多种触发方式，如失去焦点、提交表单等。 5. **多语言支持*...
在网页开发中，表单验证是一项至关重要的任务，它确保用户输入的数据符合预期的格式和规则，从而保证数据的准确性和安全性。`JQ` 和 `JS` 是两种常见的JavaScript库，它们在处理表单验证时各有优势。`JQ`（jQuery）...
3. **错误提示**：当表单数据未通过验证时，JQ表单验证可以显示自定义的错误信息。你可以通过修改默认的样式或者设置`errorPlacement`回调函数来控制错误信息的位置。 4. **异步验证**：对于某些需要服务器端验证的...
"漂亮js表单验证提示效果"是一个专注于提供美观、友好的表单验证解决方案的资源。这个压缩包可能包含一个或多个JavaScript文件，用于实现这些动态的验证提示效果。 首先，我们需要理解JavaScript表单验证的基本原理...
3. **提示信息**：有效的表单验证应该提供清晰的错误提示，帮助用户了解输入的问题所在。此代码可能包含了当验证失败时向用户显示的错误信息功能。 4. **事件监听**：JavaScript可以监听表单元素上的事件，如`...
**jQuery表单验证插件EasyValidator 2.0：打造高效且友好的用户输入体验** 在Web开发中，表单验证是不可或缺的一部分，它确保了用户提交的数据符合预期的格式和标准，从而防止无效数据的输入。jQuery作为一款广泛...