我想让鼠标点到文本框时提示如何输入离开时提示输入是否错误,可是onblur事件没反应求解

qq_27930357 2015-09-06 05:41:12
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk">
<title>用户注册</title>
<script type="text/javascript"src="用户注册.js"></script>
</head>
<body>
<form action="" onsubmit="return check();">
<table>
<tr>
<td>用户名:</td>
<td><input type="text" name="userName" onfocus="showHow();"
onblur="showWrong();" /><span id="userMsg"></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="password" onfocus="showHow2();"
onblur="showWrong2();" /><span id="passMsg"></span></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="确定"/>
</td>
</tr>
</table>
</form>
</body>
</html>


function showHow() {
var msg = document.getElementById("userMsg");
msg.innerHTML = "首位为字母的4-16位数字、字母、下划线";
}
function showWrong() {
var msg = document.getElementById("userMsg");
var name = document.getElementById("form").userName;
if (name.value == "") {
msg.innerHTML = "用户名不能为空";
return false;
}
if (name.value.length < 4) {
msg.innerHTML = "用户名长度须大于4位";
return false;
}
if (name.value.length > 16) {
msg.innerHTML = "用户名长度须在16位以内";
return false;
}
var reg = /^[a-zA-z]{1}\w{3,15}$/;
var result = reg.test(name.value);
if (result == false) {
msg.innerHTML = "输入用户名格式错误";
return false;
}
return true;
}
function showHow2() {
var msg = document.getElementById("passMsg");
msg.innerHTML = "4-10个字母和下划线";
}
function showWrong2() {
var msg = document.getElementById("passMsg");
var word = document.getElementById("form").password;
var reg = /^[a-zA-Z_]{4,10}$/;
if (word.value == "") {
msg.innerHTML = "密码不能为空";
return false;
}
if (word.value.length < 4) {
msg.innerHTML = "密码长度须大于4位";
return false;
}
if (word.value.length > 10) {
msg.innerHTML = "密码长度须在10位以内";
return false;
}
var result = reg.test(word.value);
if (result == false) {
msg.innerHTML = "输入密码格式错误";
return false;
}
return true;
}
function check() {
return showWrong() && showWrong2();
}
...全文
294 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
http://ask.csdn.net/questions/204643
化繁为简2007 2015-09-06
  • 打赏
  • 举报
回复
给form 增加id属性,就可以了。
<form id="form" action="" onsubmit="return check();">
Visual Studio Code 是由微软开发的一款免费、开源、跨平台的现代化轻量级代码编辑器,自发布以来迅速成为全球开发者最受欢迎的工具之一。它结合了编辑器的轻便性和集成开发环境(IDE)的强大功能,支持多种编程语言和开发场景,核心特点: 1. 跨平台支持 可在 Windows、macOS 和 Linux 上运行,保持一致的用户体验。 2. 轻量级与高性能 启动速度快,占用资源少,适合处理大型项目或低配置设备。 3. 智能代码补全 内置 IntelliSense(智能感知),提供代码提示、参数信息、快速修复等功能,支持 JavaScript、TypeScript、Python、C++ 等主流语言。 4. 内置终端 直接在编辑器内打开集成终端(支持 PowerShell、CMD、Bash 等),方便执行命令行操作。 5. 调试工具 内置调试器,支持断点、变量监视、调用堆栈查看等,无需离开编辑器即可调试代码。 6. Git 集成 直接通过侧边栏管理 Git 仓库,支持提交、分支切换、冲突解决等操作。 7. 丰富的扩展生态系统 通过 Extensions Marketplace 可安装数千款插件,扩展功能包括: 语言支持:如 Java、Go、Rust 等。 主题与图标:自定义界面风格。 工具集成:如 Docker、Kubernetes、数据库连接等。 效率工具:如 REST Client、Live Server 等。 8. 自定义与主题 支持修改键盘快捷键、界面主题、文件图标等,打造个性化开发环境。 9. 多光标编辑 按住 Alt(Windows/Linux)或 Option(macOS)点击可添加多个光标,同编辑多处代码。 10. 远程开发支持 通过 Remote - SSH、Remote - Containers 等扩展,可直接连接远程服务器或开发容器,实现无缝协作。

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧