Question

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <style>
        #myloc,#mypass{
            color: red;
        }
    </style>
    <script>

function validateform(){  
var username=document.login.username.value;  
var password=document.login.password.value;    
if (username==null || username==""){  
  var data="username should not be blank.";
  document.getElementById("myloc").innerHTML=data;
  return false;  
}else if(password.length<6){  
  var p="Password must be at least 6 characters long.";
  document.getElementById("mypass").innerHTML=p;
  return false;  
  }  
}  
</script>
    <body>
        <form action="/loginusingservlet/LoginSES" onsubmit="return validateform()" method="post" name="login">
            <table>
                <tr>
                <td>username</td><td> <input type="text" name="username"></td></tr>
                <tr><td></td><td><div id="myloc"></div></td>            
                </tr><tr><td>password</td><td> <input type="text" name="password"></td></tr>
                <tr><td></td><td><div id="mypass"></div></td></tr>
                <tr><td></td><td><input type="submit" value="submit"></td></tr>
            </table>
        </form>
    </body>
</html>

这个程序工作得很好...当我点击提交按钮时，它会显示“用户名不应为空白”或“密码至少为6”等消息。收到消息后..如果我点击文本框，我希望消息消失，直到我点击“提交”按钮。

Answer 1

你走了。脚本中的新函数（它检查参数并从特定元素中删除文本：

function removeWarning(type)
{
    (type == 1) ? document.getElementById('myloc').innerHTML = "" : document.getElementById('mypass').innerHTML = "";
}

在输入中添加onClick个事件。

<input type="text" name="username" onClick="removeWarning(1)">

<input type="text" name="password" onClick="removeWarning(2)">

对我而言，这是有效的，但它是一个快速的解决方案，可以改善一点。

我想在点击文本框后div内容消失

1 个答案: