How do I clear an input box? $(#SOLVED)
I would think this should be straight forward, but I've tried many different things with no luck.
After a user successfully logs in, I'm hidng the login div, and displaying the 'loggedin' div. However, if someone clicks on logout, the username and password fields still have the login credentials in them. So, I need to clear those text boxes, along with the 'remember me' checkbox. Here is my code:
...
function AjaxLogoutSucceeded(result) {
if (result.d=='True') {
$('#login').show();
$('#logout').hide();
$('#username').value="";
$('#password').value="";
$('#rememberme').checked = false;
alert($('#username').val());
} else {
$('.login_status').html(result.d);
$('#login').hide();
$('#logout').show();
}
return false;
}
...
I've tried single quotes, double quotes and other variations. Nothing is working. However, that 'alert' does show the value in the username box.
Here is the code for the login, and loggedin divs and forms:
<form id="signin" name="signin" class="signin" action="signin.aspx" method="post">
<strong>Username</strong><br /><input type="text" id="username" name="username" class="username"><br />
<strong>Password</strong><br /><input type="password" id="password" name="password" class="password"><br />
<input type="checkbox" id="rememberme" name="rememberme" class="rememberme"><strong>Remember Me?</strong><br />
<div id="divsignin"><input type="submit" name="btnsignin" id="btnsignin" value="Sign In" onclick="return false;"></div><div id="remindme">(<a href="remindme.aspx">remind me</a>)</div><br /><br />
<br />Want to <a href="#">JOIN</a> the community?<br /><a href="#">Click here</a><br />
</form>
</div>
<div id="logout" name="logout" class="logout">
<strong>SIGNED IN</strong><br /><br />
<form id="signout" name="signout" class="signout" action="signout.aspx" method="post">
<div id="divsignout"><input type="submit" name="btnsignout" id="btnsignout" value="Sign Out" onclick="return false;"></div><div id="logout_status"></div><br /><br />
</form>
</div>
Any help is greatly appreciated.
P.S. - Just a noobish question here, is it ok to assign the same id, name, and class to each form object as long as they are unique per form object?
I.E. - id="signout" name="signout" class="signout"
Thanks!