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:
I have a website where i sell items. I need to make it so a customer can go to the site and place a password to purchase a item. Customers sees a item and clicks on "buy now" It can not be a inconvenience where it will prompt for a user/password.
I would like to place a password box, and once a password is entered they will be able to select the "buy now" button. Simple...yes. But i search for 3 hours via the power of google and have yet to find a solution. I want everything to stay on the same page...if possible.
I have seen places like wordpress and joombla do password protect content but i guess it is because the use frames. I would like to do this with just JS and HTML.
I wanted to know is it possible to password protect some files in web page?For example, If someone wants to download file, browsers requests password(one for all visitors), idea is that some files and/or sections of web site is accessible to those who know the password..
View 9 Replies View RelatedLet me start out by saying that this is for a small-time page with absolutely zero valuable information. PHP or server-side is way beyond the scope of my goals for the project.
Basically, I have a form on a page which I want to use to submit a password. However, I have realized that using the form submit always makes the browser return to the page with the form.
Well, that's not good when I want to redirect using javascript!
My javascript is:
Code:
My form HTML is:
Code:
How can I get this to stop going back to the page with the form after I submit it?
I 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.
How do I tell my password function to have input type="password" onfocus. I also want the text "Password" to disappear onfocus.
[Code]...
I am new to javascript but I can usually get examples of simple scripts I need to work, but can't figure this one out. I am trying to link to this page (link1.html) from another page and I want to password protect it. If the password is correct, I want to automatically link to another page (link2.html).
The reason I am trying to do it this way is if I don't I get a message saying IE is preventing scripts or ActiveX from running. If I don't click to allow it to run then it will automatically display the content of the page (link1.html) I am trying to protect. I will make link1 blank and put my data in link2.
And I realize this is a very low level of security.
I have a password field like this:
<input name="site_assword" type="password" class=loginform value="password" size="10" onfocus="this.value=''" onblur="if (this.value=='') {this.value='password'}">
It shows a default value which dissapears when the user clicks on the password field. However, because the input field type is set to 'password', whatever I set as the default value is masked by *
Is there any way around this to make normal text appear but still have the input box masked when they start to type the password?
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 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 Replies View Related$(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 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]....
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 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]....
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].....
I want to validate new password with repeat password befor user press submit.
<p align="center">To reset your password, provide your current password</p>
<form id="form1" name="form1" method="post" action="pcq.php">
<table border="0" align="center" class="mytable2" style="margin-left:175px" >
<tr>
[Code].....
In the below code, the ajax-loader disappears before the html returned by .load is actually visible in the browser. How can I correct it?
[Code]...
How would you make a password feild and a retype password feild and they have to be the same?
View 15 Replies View RelatedThis is a secure solution for password protection with JavaScript. It works by encrypting the password and the content. Nothing is revealed in the source code, and it cannot be beaten by disabling JavaScript.
The download contains three files:
Protect Content.html lets you generate your own protected content.
Demo.html is a protected document, and as long as it remains unbroken, it's your proof that this software works. You can also use it as a template for your own protected pages.
Demo, with hint.html is another protected document that tells you the password. This is meant to show that the first demo is not a trick or a fake.
I have the following code that don't work like i want it.
Code:
function hideDisplaySingleSuite(textstring) {
var myclass1 = new RegExp('\b'+textstring+'\b');
//Populate the array with all the page tags[code]....
For example.It show objects if I remove the if statement that checks if the class is visible.for example this shows a class and works.
Code:
function hideDisplaySingleSuite(textstring) {
var myclass1 = new RegExp('\b'+textstring+'\b');
//Populate the array with all the page tags[code]....
So my question is why don't this work on a class, it works on an "id"?
Code:
if (allPageTags[i].style.display ==''){
allPageTags[i].style.display = 'none';
}[code]....
I want to show the class if its not visible or hide it if it is visible.How can this be done?
how can I copy protect the text content of my webpage?
View 23 Replies View RelatedIf i use this to protect myself from XSS scripting, do you think that it will be enough? code...
View 2 Replies View RelatedIM new to all this but the following code will deter visitors to your site, who have limited knowledge, copying your content. where nothing is 100% it will stop the chancers taking your hard work and using it as their own, I hope.
<script language="JavaScript">
<!--
var popup="Sorry, right-click is disabled.
This Site Copyright ©2002-2003";
function noway(go) {
if (document.all) {
if (event.button == 2) {
alert(popup);
return false;
}
}
if (document.layers) {
if (go.which == 3) {
alert(popup);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=noway;
// --> </script>
<script language="JavaScript1.1">
<!-- var debug = true;
function right(e)
{
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) return false;
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) {
alert('This Page is fully protected! copyright ©2002-2003');
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
//-->
</script>
How to protect .js files in a serious way?
View 3 Replies View Related