<html>
<head>
<title>javascript实现的表单验证的动态效果</title>
</head>
<script language="javascript">
function formValidate(){
/*验证用户名不能为空，如果为空，则显示用户名不能为空*/
if(document.getElementById("userName").value==""){
//alert("用户名不能为空");
document.getElementById("userNameErr").innerHTML="<font color='red'>用户名不能为空啊</font>";
document.f1.userName.focus();
return false;
}else{
document.getElementById("userNameErr").innerHTML="";
return true;
}
}
function passwordValidate(){
/*验证用户密码不能为空，如果为空怎显示用户密码不能为空*/
if(document.getElementById("paw").value==""){
document.getElementById("passwordErr").innerHTML="<font color='red'>密码不能空</font>";
document.f1.paw.focus();
return false;
}else{
document.getElementById("passwordErr").innerHTML="";
document.f1.paw.focus();
return true;
}
}
</script>
<body>
<div align="center">
用户信息<br/><br/><br/>
<form name="f1">
<table border="1">
<tr>
<td>用户姓名：</td>
<td >
<input type="text" name="userName" id="userName" onblur="formValidate()"/>
<%--通过javascript将错误信息追加到该行的后面 注意这里的span也可以换成div，唯一不同的是显示的效果--%>
<span id="userNameErr"></span>
</td>
</tr>
<tr>
<td>用户密码：</td>
<td>
<input type="password" name="paw" id="paw" onblur="passwordValidate()" />
<%--通过javascript将错误信息追加到该行的后面 --%>
<span id="passwordErr"></span>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="submit" name="tijiao" value="提 交"/>
<input type="reset" name="chongshe" value="重 设"/>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
分享到：
相关推荐
第12章 窗口特效与弹出式警告 12.1 无关闭按钮的窗口 12.2 鼠标控制窗口开关 12.3 使窗口只第一次访问时弹出 12.4 禁止弹出警告框 12.5 关闭窗口不提示的方法 12.6 关闭窗口时的提示 12.7 定时弹出窗口 12.8 调整...
内容索引:脚本资源,Ajax/... 代码核心开源，内置使用文档，方便查阅，部分效果请看演示图，用本插件可以方便在网页中加入清新蓝色的弹出对话框、无刷新验证表单、制作无限级下拉菜单以及加入弹出式的日期选择功能。
消息提示有多种模式，例如在控件旁边显示消息、弹出式消息。下面提供一样注册页面验证示例： Html的form表单： [code=HTML] * 用 户 名：请输入您的用户名" size="22" name="username"/></td><div id="usernameTip...
第12章 窗口特效与弹出式警告 12.1 无关闭按钮的窗口 12.2 鼠标控制窗口开关 12.3 使窗口只第一次访问时弹出 12.4 禁止弹出警告框 12.5 关闭窗口不提示的方法 12.6 关闭窗口时的提示 12.7 定时弹出窗口 12.8 调整...
1.1 弹出窗口控制 2 实例001 打开新窗口显示广告信息 2 实例002 定时打开窗口 4 实例003 通过按钮创建窗口 5 实例004 自动关闭的广告窗口 6 实例005 控制弹出窗口居中显示 7 实例006 弹出的窗口之Cookie控制 9 实例...
• 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章（\第11章） • 11.1.htm 省略window的alert()方法 • 11.2....
1.1.html 用JavaScript开发的弹出式“Hello World”实例。 1.2.html 在页面中输出的“Hello World”。 1.3.html 使用JavaScript进行文本框值的判断。 1.4.html 使用JavaScript对网页中的内容进行...
4.6 只显示一次的弹出式窗口... 102 4.7 记住登录账号和密码... 103 4.8 检测浏览器是否关闭了Cookie 功能... 105 第5章 视窗篇.... 106 5.1 警告对话框... 106 5.2 在警告对话框上显示多行消息 正文... 106 ...
• 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章（\第11章） • 11.1.htm 省略window的alert()方法 • 11.2.htm 未...
这是一款JavaScript 和ajax结合实现的输入验证 气泡提示插件，为了用户能够快速上手，压缩包内附有说明文档，本脚本是表单内提示信息框，当把焦点移到表单内的文本框时会弹出一个带指向的提示框，根据ajax交互式的...
ASP.NET 4高级程序设计(第4版)》【原版书为：Pro ASP.NET 4 in C# 2010】是ASP.NET领域的鸿篇巨制，全面讲解了ASP.NET4的各种特性及其背后的工作原理，并给出了许多针对如何构建复杂、可扩展的网站从实践中得出的...
《ASP.NET 4高级程序设计(第4版)》是ASP.NET领域的鸿篇巨制，全面讲解了ASP.NET4的各种特性及其背后的工作原理，并给出了许多针对如何构建复杂、可扩展的网站从实践中得出的建议。书中还深入讲述了其他ASP.NET图书...
常用jQuery弹出式链接提示效果Tooltip源码下载 10.相当牛的jQuery动感TipBox,鼠标移上去会动的提示框哦 11.简单实用jQuery用于登录弹出层例子代码(带动画的弹出层) 12.综合jquery实现表格隔行换色和鼠标经过...
实例076 自动隐藏的弹出式菜单 112 实例077 收缩式导航菜单 114 实例078 树状导航菜单 116 实例079 鼠标右键菜单 117 3.6 状态栏设计 118 实例080 状态栏中的跑马灯文字 119 实例081 在状态栏中收缩...
仅举几个： 响应式设计输入验证在移动设备上弹出右键盘（对于电子邮件字段，带有“ .com”；对于电话字段，带有数字键盘，等等） 拥有正确的用户体验-在正确的位置放置提示，图标，可读的标签等A11y-为了使您的表单...
Open_Browser_Window+ 操作弹出式窗口升级版 StyleApplier 表格的鼠标触发效果 checkform 表单验证插件 Realplayer 嵌入网页Real播放器插件 BannerImageBuilder 创建多图片随机显示 CloseCW 方便的插入一个关闭当前...
项目4：在美国各地 ...通过在弹出窗口本身之外单击或按Escape键来关闭弹出窗口 使用Class对象和分解进行面向对象的编程。 该项目已使用Webpack进行了编译，并在个人实时服务器上发布。 链接到已发布项目