jQuery select password input box

[mathceleb]

I have a password input box:

<input type="password" class="text hidden_pass" value="Password" title="Password" name="pass" />

the javascript file that loads has this command which loads when the page loads

// focus password file if we routed through the purchase confirmation
curfile=location.href;
purch_check=curfile.indexOf('purchase-confirmation');
if (purch_check>-1){
$(".text hidden_pass").focus();
}

This is not showing the password dots when the page loads. When I click the input box manually after the page loads, you see the dots. I want the user to see those automatically without having to cllick.

purch_check is coming back as 44 when the page loads, so that if statement is firing.

the password field is in a file called header.js and the main page is purchase confirm.html.

[oesxyl]

// focus password file if we routed through the purchase confirmation
curfile=location.href;
purch_check=curfile.indexOf('purchase-confirmation');
if (purch_check>-1){
$(".text .hidden_pass").focus();
}

from the way you use in html hidden_pass is class too.

best regards

[mathceleb]

that did not work. But you mention other classes, here is the entire page code:

		<li class="login">
			<div class="login-box">
				<form name="login-form" id="login-form" method="post">
					<input type="text" class="text click-clear" value="<?= (strlen($username)>0) ? $username : 'Username' ?>" title="Username" name="uname" /> 
					<input type="text" class="text fake_pass" value="Password" title="Password" name="fake_pass" />
					<input type="password" class="text hidden_pass" value="<?= (strlen($pass)>0) ? $pass : '' ?>" title="Password" name="pass" />
					<a class="button right"><span name="login">Login</span></a>
					<div class="clearfix"></div>
					<div class="links">
						<input type="checkbox" name="remember" value="1" /> 
						<label style="margin-right:13px;">Remember me</label> 
						<a href="?page=forgot">Forgot your Password?</a>
					</div>
				</form>
			</div>
		</li>

[oesxyl]

Originally Posted by mathceleb

that did not work. But you mention other classes, here is the entire page code:

what i said was that the class selector in jquery is dot, ., without dot jquery will look for an element not a css class.

best regards

[mathceleb]

The class selector in that case was the text hidden_pass. Do I need to add the parent class?

[oesxyl]

Originally Posted by mathceleb

The class selector in that case was the text hidden_pass. Do I need to add the parent class?

what do you mean by this? 'text hidden_pass' is a single css class? can't be because space is not allowed in class name but is ok if you have two classes, text first and hidden_pass second. In this last case you need to use the proper selector of the class which is ".hidden_pass" with a dot in front.

Edit: no, you don't need the parent class

best regards

[mathceleb]

I have even try using $(":text").focus(); for all input text boxes, and that did not work either. It still requires a manual click.

[oesxyl]

Originally Posted by mathceleb

I have even try using $(":text").focus(); for all input text boxes, and that did not work either. It still requires a manual click.

your password input is type="password" not type="text" and you can't focus more then one input in the same time:

	<form name="login-form" id="login-form" method="post">
		<input type="text" class="text click-clear" value="<?= (strlen($username)>0) ? $username : 'Username' ?>" title="Username" name="uname" /> 
		<input type="text" class="text fake_pass" value="Password" title="Password" name="fake_pass" />

if you want to go this route try:

$(":password")

but must be a single one in the page.

best regards

[mathceleb]

I tried the password option as well and this did not work.

[oesxyl]

Originally Posted by mathceleb

I tried the password option as well and this did not work.

try to post a link to the page.

best regards

[mathceleb]

I finally got this to work. I setup a fake password box that is hidden, and toggled the values using jQuery, so that the real password box would be loaded with the fake value, and that way, it would focus.

// focus password file if we routed through the purchase confirmation so that it shows the dots and not the word "Password"
curfile=location.href;
purch_check=curfile.indexOf('purchase-confirmation');
if (purch_check>-1){
$(':password').show();
$("input[name=fake_pass]").toggle();
}