登录提交后清除文本字段值

时间:2017-04-04 08:37:27

标签: javascript html

我在iframe中有一个登录页面,输入用户名和密码后,我按下提交按钮,打开一个新屏幕并转到我的个人资料,但在上一个屏幕中,用户名和密码仍然存在。我如何设法删除它们?

这是我的代码:



<script language="javascript">
function signin(AUserID, APassword) {
var d = new Date();
document.electalogin.timezone.value = d.getTimezoneOffset();
if (AUserID == "" || APassword == "") { 
window.alert ("Please Specify Your Username and Password") }
return ( AUserID && APassword ? true : false);}

</script>

<form target="_blank" method="post" action="https://abc.school-network.net/Account/HTMLLogon" id="electalogin" name="electalogin" LANGUAGE="javascript" onsubmit="return signin(this.UserID.value, this.Password.value)" >
<input type=hidden name="timezone">
<table>
<tr><td style="font-family:Tahoma; Font-Size:11px">Username</td><td><input name="username" value=""></td></tr>
<tr><td style="font-family:Tahoma; Font-Size:11px">Password</td><td><input type="password" name="Password" ></td></tr>
<tr><td></td><td><a style="font-family:Tahoma; Font-Size:11px" target="_blank" href="https://abc.school-network.net/Account/ForgotPassword">Lost Password?</a></td></tr>
<tr><td></td><td><INPUT type="Submit" value="Log On" id=btnLogin name=btnLogin"></td></tr>

</form> 
&#13;
&#13;
&#13;

在值=&#34之后的最后一个INPUT行中;登录&#34;我尝试输入以下内容:

onClick="this.form.reset()"

这似乎有效,因为它清除了上一个屏幕中的值,但随着新窗口的打开,登录页面再次出现。

1 个答案:

答案 0 :(得分:0)

在用户名和密码字段中添加ID,然后在页面底部添加Javascript以选择字段并重置其内容:

<input name="username" id="username" value="">
<input type="password" id="password" name="Password" >

在页面底部:

<script language="javascript">
    document.getElementById("username").value = "";
    document.getElementById("password").value = "";
</script>

此代码将在每次加载页面时运行一次,并将重置这两个字段。