我想让鼠标点到文本框时提示如何输入离开时提示输入是否错误,可是onblur事件没反应求解
<!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();
}
...全文
相关推荐
javascript事件归纳
**onmouseover**:当鼠标光标进入元素的边界时触发。6. **onmousemove**:当鼠标在元素内移动时连续触发。7. **onmouseout**:当鼠标光标离开元素的边界时触发。
Javascript事件的定义.doc
例如,`onBlur`在元素失去焦点时执行,`onSubmit`在表单提交时执行,`onChange`在文本框内容改变且失去焦点后执行。
JavaScript事件汇总
页面生命周期事件: - `onabort`:图像加载被中断。 - `onbeforeunload`:页面即将被卸载或导航离开时。 - `onerror`:发生运行时错误。
广东屈臣氏饮料制造项目-全专业-20240508.nwd
广东屈臣氏饮料制造项目_全专业-20240508.nwd
Python3 if多条件简写技巧
Python3支持极简if条件写法,简化冗余代码。链式比较:原生支持1<x<10,无需写成x>1 and x<10,可读性更强。三元表达式:适用于二分支逻辑,语法 结果A if 条件 else 结果B,适合单行赋值,禁止多层嵌套三元表达式,会大幅降低可读性。逻辑短路:and左侧为False直接终止判断,or左侧为True直接终止判断,可用于空值兜底,比如name = input_name or "匿名用户"。注意不要混用=和==,新手常误将赋值写在if判断内,Python3会直接抛出语法异常。 6thhosp-east.com 3wfuwu.com ajfcw.net www.ahdmhbkj.cn www.aiyouseo.com


