I was just wondering how I could change a html text input tpe from text to password on the on click and when the user clicks off it will change back to text just like facebook does.
View 3 RepliesI have to change text input type to password input type and i am using jquery script. This script work for FF, Chrome and Safari browser but not worked on ie7, ie8.
Script is as:-
How can i update my script, so that it works cross the browser.
I want to create a input box the says Password inside the box and gets erased when someone clicks inside of it. Then when they type their password it is in asterisk characters.Can anyone tell me what extra scripting I need?
View 1 Replies View RelatedI am trying to setup a password input that fist shows: "Password". When the user selects it (or focuses on it), it clears and becomes a password input. If the person, clears the password and leaves focus (blurs), the word password appears again.I did some research on this first. There is this article that requires creation of two inputs (hide one, show the other). I also read this article.Without confusing everyone, I am trying to do this simple and in a smart way:HTML BODY
<input type="text" id="password" name="password" class="password" value="Password" />
jQuery Script
$(document).ready(function() {
[code]....
$(this).attr('type', "password");
(this).attr('type') = 'password'
neither of these work, am I doing something wrong?
Full code:
<div id="register-form">
<input type="text" class="reginput" name="username" defaultVal="username / URL" />
<input type="text" class="reginput" name="password" defaultVal="password"/>
<input type="text" class="reginput" name="e-mail" defaultVal="e-mail"/>
<div class="button-form">Create my free account</div>
</div>
$('.reginput').each( function () {
$(this).val($(this).attr('defaultVal'));
$(this).css({color:'#699fe7'});
});
$('.reginput').focus(function(){
if ( $(this).val() == $(this).attr('defaultVal') ){
$(this).val('');
$(this).css({color:'#2d5891'});
$(this).attr('type', "password");
//if ( $(this).attr('name') == 'password') { $(this).attr('type') = 'password' }
}});
$('.reginput').blur(function(){
if ( $(this).val() == '' ){
$(this).val($(this).attr('defaultVal'));
$(this).css({color:'#699fe7'});
}});
i faced a problem in java script which is when i want to prompt a message box and enable to let user to type their own password. but i found that a problem is when the user type their own password in the prompt box's text box, the text box's text mode is normal but not password mode. So to prevent more security and don't allow other people see the password when typing, what should i do? or have other ways to let me finish this task?
View 1 Replies View RelatedHow do I tell my password function to have input type="password" onfocus. I also want the text "Password" to disappear onfocus.
[Code]...
I made this JavaScript that password protects a page. But the password you type in is completely visible! I want it so that the password are those black dots for each letter....
Here is the script:
My site inventive.webs.com/ad-hoc contains lists of activities. When a user double clicks on an activity, the text will change to textbox, then double click again on the textbox to return to static text, which is so far working properly. What I want to happen next are:
1. Textbox must return back to static text when user clicks anywhere on the body.
2. When there's an existing textbox, it should return to static text when another activity list is being double clicked.
[Code]....
please i want to know if there is a possibility to force the user to type English characters coz i made all my web site in arabic and germany languages i want to force user to type the username and password in English characters
View 1 Replies View RelatedI have an input field for the users name and I have one for their password. Now when they come onto the page I want to have the value for the username filed say "username" and the passwordfield should say "password". Then when the users focusses on the password input the input type should turn password so when they type their password it shows like "*******".
View 4 Replies View RelatedI need to add an event for all elements that are not text entry.I have tried this
$(':not(input:text, input:textarea)')
$(':not(:text, :textarea)')
I tried to get it to work for just not type=text
$(':not(:text)')
$(':not(input:text)')
I can't seem to figure it out.
please take a look at the test.txt attached file.
View 2 Replies View RelatedCould somebody confirm if and how I can change the TYPE of a textbox from
PASSWORD to TEXT depending on whether a user checks a checkbox.
In essence I have a login and password form and the end user wants the
option to check a checkbox to make the Password textbox show normal text
rather than the asterisks. If the checkbox is unchecked then it shows the
asterisks when entering the password.
Right well, im coding a usercp in php, and i want to add a feature where, when you click on "edit password" a box slides down with the fields "old password, "new password", "retype new password" and it validates the info and checks if they match and if old password is same as one in database.
View 1 Replies View Relatedhow we can change text symbol in password field by using JavaScript. I mean by default there is filled circle , but I want "*" this symbol.
View 5 Replies View RelatedI am doing a lottery project in which i have 10 textbox and i want to add contents of each textbox and show result in another textbox say 11th textbox.
I am having the fallowing codes below on jsp page.
I want to add contents of textbox from(n50,n51.....n59) and show result in another textbox named (n60)
My question is that the valus stored in textbox is numeric and when i enter the value in any two of the textbox say named (n50 and n51) then the addition of its value must be seen in the result textbox say (n60) here. it does not wait for another textbox value which is left blank. the result of addition should be displayed simelteneously as i enter the value in text box.
I have a simple password protection setup on my site but the password is displayed when it is typed in is there a way to change it to a # or * when it is typed in
View 5 Replies View Relatedi want to display text in the password field like enter your password. i used
two text field one is for showing password and other one is password ,if user click the password text it get focus on password field it works fine in all browser but iphone it doesnt show the keyboard on focus how to resolve it .
i have created one simple login form with 5 fields namely username,email id,password,retype password and phone no.i have created alert message for each function,so that when there is an error it displays alert message..now i have to replace all alert messages with inline validation(displays errors beside textbox).
<code>
<html>
<head>
[code]....
below is the code for simple login form having fields username,email id,password,retype password and phone no. i have done inline validation forcheckName() .i am not getting for the other fields can u tell me how to do it..
Code:
<html>
<head>
[code]....
Is it possible to change an element type with javacript for example onclick to change a text box to a hidden element or to a textarea?
View 6 Replies View RelatedIs it possible to change the input type of a form field. example
<input type="password" name="pw" value="test">
i want to have a "view" button next to that field that when you press and hold it it will chnage that input type to "text" so i can see the password. And when i release the button it will change it back.
I know this sounds like a bad idea and insecure... but its not a big deal.. i have all this stored in an "administrator" panel which an admin must login to get to it. Inside of that i have some admin programs, one of which displays information about the clients. I want to be able to see the clients password when ever i need to reference what it is, but i figured rather then just printing it on the screen all the time this would be a better way.
I have an input text box that I want to change the type from text to password and I wrote code that works in Firefox but not in IE any suggestions? Here is the code(cut down a little for easier reading) code...
View 2 Replies View RelatedI am new to javascript and I tried to change the type of a input using js.My work works well with Firefox and Chrome but not with IE.IE javascript debug mode says:
Quote:
(SCRIPT256: Could not get the type property. This command is not supported. ).
This is the code I used to change the type.
Code:
var email_type=document.getElementById("email");
email_type.type='text';
I'm having trouble getting two password boxes to work on the same page, which I created using the JavaScript Kit Encrypted Password Generator [URL].
I've used the code that this generator produces, with some modifications as given by cheesebagpipe [URL]. These changes enable the user to press the keyboard's enter key to submit the password (as an alternative to clicking the submit button), and will also refocus the text box and select the text in it if the user enters the wrong password.
The code works fine on pages with just one box (e.g. [URL]), but what changes are needed to make two work on the same page? (I'm new to web design and clueless when it comes to JavaScript, which I know isn't the most secure method of password protection, but will do for now).
At the moment, on pages with two boxes (e.g. [URL]), neither of the boxes work; this appears in the address bar instead: [URL] ('help!'=whatever has been entered in the text box).
The full code for both boxes is given below.
<div id="passwordBoxes">
<div id="password2">
<form name="password1" onsubmit="submitentry();return false;">
<span class="WhiteLogin">Keyboard classes login</span>
[Code].....