web开发中给文本框添加onBlur有关问题
日期：2014-05-18 浏览次数：20601 次
web开发中给文本框添加onBlur问题
下面是一段代码：
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script>
function aaa(){
document.getElementById("aa").src="http://localhost:8080/Sunweb/servlet/AuthServlet";
return false;
}
</script>
<html>
<head>
<title>My JSP 'Tijiao.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<form action="/Sunweb/servlet/Servlet" method="post" name="form1">
<table>
<tr>
<td>姓名：</td><td><input type="text" name="user" value="Sun"></td>
<td><input type="text" name="checkuser" value="<%=request.getAttribute("error1") %>"></td>
</tr>
<tr>
<td>输入密码：</td><td><input type="password" name="pwd" value="" ></td>
</tr>
<tr>
<td>确认密码：</td><td><input type="password" name="pwd1" value=""></td>
</tr>
<tr>
<td>邮箱地址：</td><td><input type="text" name="mail" value="@yahoo.com"></td>
</tr>
<tr><td>验证码图片：</td><td><img border=0 src="/Sunweb/servlet/AuthServlet" id="aa"></td>
<td><input type="button" name="submit1" value="更换图片" onclick="aaa();"></td>
</tr>
<tr><td>输入验证码：</td><td><input type="text" maxlength=4 name="code" value=""></td></tr>
<tr>
<td></td><td><input type="submit" name="submit" value="提交"></td>
</tr>
</table>
</form>
</body>
</html>
我想得到的最终效果是：当光标移到确认密码文本框时，如果输入密码文本框为空，就会出现一个对话框，说：密码不能为空，怎么通过添加onBlur事件来实现这一功能，注意：代码不能作太大改动，必须是在web开发环境下的。那位高手能给我指点迷津，谢谢了！
------解决方案--------------------
onFocus()才是移入事件
onBlur()是移出啊
<input type="text" name="mail" value="@yahoo.com" onfocus="if(this.value==''){alert('老大！你还么添东西呢。');this.focus();}" onblur="if(this.value==''){alert('老大！你还么添东西呢。');this.focus();}">
------解决方案--------------------
你到底是要用什么事件来控制啊 看得有点昏哦
我理解的是这样的 当光标到确认确认密码的时候 如果输入密码的文本为空就提示
function isNotNull(){
var pass = document.getElementByName("pwd1");
if(pass.value==""){
alert("输入密码不能为空！");
return false;
}
return true;
}
在输入密码(pwd1)处调用onBl
下面是一段代码：
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script>
function aaa(){
document.getElementById("aa").src="http://localhost:8080/Sunweb/servlet/AuthServlet";
return false;
}
</script>
<html>
<head>
<title>My JSP 'Tijiao.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<form action="/Sunweb/servlet/Servlet" method="post" name="form1">
<table>
<tr>
<td>姓名：</td><td><input type="text" name="user" value="Sun"></td>
<td><input type="text" name="checkuser" value="<%=request.getAttribute("error1") %>"></td>
</tr>
<tr>
<td>输入密码：</td><td><input type="password" name="pwd" value="" ></td>
</tr>
<tr>
<td>确认密码：</td><td><input type="password" name="pwd1" value=""></td>
</tr>
<tr>
<td>邮箱地址：</td><td><input type="text" name="mail" value="@yahoo.com"></td>
</tr>
<tr><td>验证码图片：</td><td><img border=0 src="/Sunweb/servlet/AuthServlet" id="aa"></td>
<td><input type="button" name="submit1" value="更换图片" onclick="aaa();"></td>
</tr>
<tr><td>输入验证码：</td><td><input type="text" maxlength=4 name="code" value=""></td></tr>
<tr>
<td></td><td><input type="submit" name="submit" value="提交"></td>
</tr>
</table>
</form>
</body>
</html>
我想得到的最终效果是：当光标移到确认密码文本框时，如果输入密码文本框为空，就会出现一个对话框，说：密码不能为空，怎么通过添加onBlur事件来实现这一功能，注意：代码不能作太大改动，必须是在web开发环境下的。那位高手能给我指点迷津，谢谢了！
------解决方案--------------------
onFocus()才是移入事件
onBlur()是移出啊
<input type="text" name="mail" value="@yahoo.com" onfocus="if(this.value==''){alert('老大！你还么添东西呢。');this.focus();}" onblur="if(this.value==''){alert('老大！你还么添东西呢。');this.focus();}">
------解决方案--------------------
你到底是要用什么事件来控制啊 看得有点昏哦
我理解的是这样的 当光标到确认确认密码的时候 如果输入密码的文本为空就提示
function isNotNull(){
var pass = document.getElementByName("pwd1");
if(pass.value==""){
alert("输入密码不能为空！");
return false;
}
return true;
}
在输入密码(pwd1)处调用onBl
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
