Как очистить поля имени пользователя, пароля после нажатия кнопки выхода из системы?
Здравствуйте, я создаю одностраничный проект входа и выхода из системы с помощью javascript..my проблема в том, что после нажатия кнопки выхода из системы поля не очищаются и отображаются предыдущие введенные данные.plz помогите мне, как очистить поля после выхода из системы...заранее спасибо
Что я уже пробовал:
<html>
<head>
<title>
Login page
</title>
<style>
.logo
{
float: right;
}
#wel
{
float: right;
}
</style>
</head>
<body onload="GenerateCaptcha();">
<div id="frm" style="display: none;" >
<div id="demo"></div>
UserName<input type="text" id="userid"/><div id="erroru"></div>
Password<input type="password" id="pass"/><div id="errorp"></div>
Enter the Captcha Text:
<input type="text" id="txtCompare" />
<input type="text" id="txtCaptcha" style="text-align: center; border: none; font-weight: bold; font-size: 20px; font-family: Modern" />
<input type="button" id="btnrefresh" value="Refresh" onclick="GenerateCaptcha();" />
<button type="submit" onclick="loadDoc()" >submit</button>
</div>
<div id='frm2'>
<div id="frm1" > </div>
<div id="logout" style="display: none;" >
<button type="submit" onclick="logout();">logout</button>
</div>
</div>
<button id="btn" onclick="show();"><img class="logo" src="signin1.png" width="20px" height="20px" top="75px;"></button>
<script>
function show(){
var ele = document.getElementById('frm');
if(ele.style.display == 'none')
{
ele.style.display = 'block';
document.getElementById('btn').style.display='none';
}
}
function logout(){
var ele1 = document.getElementById('frm2');
if(ele1.style.display == 'none')
{
ele1.style.display = 'block';
}
else{
ele1.style.display = 'none';
}
var ele2 = document.getElementById('btn');
if(ele2.style.display == 'none')
{
ele2.style.display = 'block';
}
}
function loadDoc(){
/*console.log("In checkform()");
var xhttp= new XMLHttpRequest();
var url="http://192.168.100.7:8082/login/Login";
var myarr={User:document.getElementById("userid").value,password:document.getElementById("pass").value};
var params=JSON.stringify(myarr);
console.log(params);
var params="inputJsonStr"+ "=" + params;
xhttp.open("POST",url,true);
xhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
/*xhttp.onreadystatechange = function()
{
if ((this.readyState == 4) && (this.status == 200))
{
console.log("after getting response" + xhttp.responseText);
var my=JSON.parse(this.responseText);
}
};*/
//console.log("before sending request");
//xhttp.send(params);
var emailRegex= /^[A-Za-z0-9._]*\@[A-Za-z]*\.[A-Za-z]{2,5}$/;
var lreg = new RegExp("^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})");
femail = document.getElementById("userid").value;
fpass=document.getElementById("pass").value;
if (femail == "" || fpass == "")
{
document.getElementById('demo').innerHTML= "enter the email and password";
return false;
}
else if(!emailRegex.test(femail))
{
document.getElementById('demo').innerHTML= "enter the valid email";
return false;
}
else if(!lreg.test(fpass))
{
document.getElementById('demo').innerHTML= "enter the valid password";
return false;
}
else
{
var user="teja";
document.getElementById('frm1').innerHTML='welcome' +user;
var el = document.getElementById('logout');
if(el.style.display == 'none')
{
el.style.display = 'block';
}
var ele = document.getElementById('frm');
if(ele.style.display == 'block')
{
ele.style.display = 'none';
}
}
//else
//{
//alert("success");
//var userid = document.getElementById("userid").value;
//var name = userid.substring(0, userid.lastIndexOf("@"));
//document.getElementById("wel").innerHTML="Welcome " + name;
//}
var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
var str2 = removeSpaces(document.getElementById('txtCompare').value);
if (str1 != str2)
document.getElementById("demo").innerHTML="please enter correct captchcode";
}
function GenerateCaptcha() {
var chr1 = Math.ceil(Math.random() * 10) + '';
var chr2 = Math.ceil(Math.random() * 10) + '';
var chr3 = Math.ceil(Math.random() * 10) + '';
var str = new Array(4).join().replace(/(.|$)/g, function () { return ((Math.random() * 36) | 0).toString(36)[Math.random() < .5 ? "toString" : "toUpperCase"](); });
var captchaCode = str + chr1 + ' ' + chr2 + ' ' + chr3;
document.getElementById("txtCaptcha").value = captchaCode
}
/* Validating Captcha Function */
/* Remove spaces from Captcha Code */
function removeSpaces(string) {
return string.split(' ').join('');
}
</script>
</body>
</html>
Member 13392362
я задавал эти вопросы пару раз ... но ни один из них не ответил на мой вопрос....это смешно..пустая трата времени, чтобы задать вопрос на этом сайте
Richard Deeming
Ну что ж, давайте подумаем о том, чтобы вернуть вам деньги, которые вы заплатили за свой контракт поддержки, который гарантировал ответ в течение двух часов, не так ли?
Подожди, что это? Вы не оплатить контракт на поддержку?
- О, да. - Вот именно. Люди, которые отвечают на вопросы здесь неоплачиваемые добровольцы.
Так что хватит ваших нетерпеливых пассивно-агрессивных комментариев. Либо наберитесь терпения и ждать для тех, кто готов пробраться через ваш код и попытаться ответить на ваш вопрос или пойти и провести собственное исследование проблемы.
Комментарии, подобные приведенным выше, в конечном итоге приведут к тому, что вас вышвырнут с сайта.
ThilinaMD
разве ты не пробовал это сделать? document.getElementById ('userid'). value=""; в функции выхода из системы
Member 13392362
thnks много ThilinaMD.. это сработало...:)
ThilinaMD
добро пожаловать, и счастливого кодирования