现在的位置: 首页 > 综合 > 正文

JSP输入框空验证:利用onblur标签实现的移动鼠标时的验证

2013年10月13日 ⁄ 综合 ⁄ 共 1357字 ⁄ 字号 评论关闭
<%@page language="java"import="java.util.*"pageEncoding="UTF-8"%>

<%

   String path = request.getContextPath();

   String basePath = request.getScheme() +"://"

        + request.getServerName() +":" + request.getServerPort()

        + path + "/";

%>

 

<!DOCTYPEHTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

   <head>

 

     <title>My JSP 'login.jsp' starting page</title>

 

     <metahttp-equiv="pragma"content="no-cache">

     <metahttp-equiv="cache-control"content="no-cache">

     <metahttp-equiv="expires"content="0">

     <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">

     <metahttp-equiv="description"content="This is my page">

     <metahttp-equiv="Content-Type"content="text/html; charset=UTF-8">

 

 

 

<styletype="text/css">

 

.userText {

   border:1px solid red; 

   background-image:url(../images/userVerify.gif);

   background-repeat:repeat-x; 

   background-position:bottom;

}

.userText2 {             

}

</style>

 

 

<scripttype="text/javascript">

functioncheckName(){

varuserName=document.getElementById("userName").value;

if(userName==""){

 alert("你什么都木有输入,提交什么?");

}

}

functioncheckText(){

varuserName=document.getElementById("userName").value;

if(userName==""){

 document.getElementById("userName").className="userText";

}else{

document.getElementById("userName").className="userText2";

}

}

 

</script>

   </head>

 

   <body>

     <inputtype="text"id="userName" onblur="checkText()"/><br/>

     <inputtype="text"id="userPass"/>

     <inputtype="button"id="verifyButton"value="提交"onclick="checkName();"/>

   </body>

</html>

 

 

抱歉!评论已关闭.