JavaScript - Password Script Errors

I'm having trouble getting two password boxes to work on the same page, which I created using the JavaScript Kit Encrypted Password Generator (http://www.javascriptkit.com/epassword/index.htm).

I've used the code that this generator produces, with some modifications as given by cheesebagpipe (http://www.codingforums.com/showthread.php?t=14646). 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. http://www.mistymusic.co.uk/StLuke's.html), 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. http://www.mistymusic.co.uk/BEAP.html), neither of the boxes work; this appears in the address bar instead: 'http://www.mistymusic.co.uk/BEAP.html?password2=help!' ('help!'=whatever has been entered in the text box).

The full code for both boxes is given below.

Code:

<div id="passwordBoxes">
      <div id="password2">
        <form name="password1" onsubmit="submitentry();return false;">
          <span class="WhiteLogin">Keyboard classes login</span> 
          <input name="password2" type="password" class="AlignedFormBoxes" size="15" />
           
          <input type="button" class="AlignedFormBoxes" value="Login" />
        </form>
      </div>
      <div id="password1">
        <form name="password1" onsubmit="submitentry();return false;">
          <span class="WhiteLogin">Community Youth Choir login</span> 
          <input name="password2" type="password" class="AlignedFormBoxes" size="15" />
           
          <input type="button" class="AlignedFormBoxes" value="Login" />
        </form>
      </div>
    </div>
  
<script>

var pass=new Array()
var t3=""
var lim=6
pass[0]="gc3Gu5uygvU8VDA"
pass[1]="aNL6yjrU5AAKyy3"
pass[2]="enSaX8glavp54H"
pass[3]="WF3XUKEpbbMEx"
pass[4]="8Pv7bsEqaIjNdb6b"
pass[5]="35Pv7bsEqaIjNdb6"

//configure extension to reflect the extension type of the target web page (ie: .htm or .html)
var extension=".html"
var enablelocking=0
var numletter="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
var temp3=''
var cur=0


function max(which){
return (pass[Math.ceil(which)+(3&15)].substring(0,1))
}

function testit(input){
temp=numletter.indexOf(input)
var temp2=temp^parseInt(pass[phase1-1+(1|3)].substring(0,2))
temp2=numletter.substring(temp2,temp2+1)
return (temp2)
}


function submitentry(){
t3=''
verification=document.password1.password2.value
phase1=Math.ceil(Math.random())-6+(2<<2)
var indicate=true
for (i=(1&2);i<window.max(Math.LOG10E);i++)
t3+=testit(verification.charAt(i))
for (i=(1&2);i<lim;i++){
if (t3.charAt(i)!=pass[phase1+Math.round(Math.sin(Math.PI/2)-1)].charAt(i))
indicate=false
}
if (verification.length!=window.max(Math.LOG10E))
indicate=false
if (indicate) 
window.location=verification+extension;
else {
alert("That wasn't the correct password. Please check that your CAPS Lock key is turned off and try again.");
document.password1.password2.focus();
document.password1.password2.select();
}
}
</script>
  <script>

var pass=new Array()
var t3=""
var lim=7
pass[0]="Qmsn8tUQZX4T0PC"
pass[1]="DUtntGtFhaTppWO"
pass[2]="JahI7L4JqbxZrwS"
pass[3]="ong1qqnbr9rvV2s"
pass[4]="7BlqC2sc8hQ8bWMK"
pass[5]="15BlqC2sc8hQ8bWM"

//configure extension to reflect the extension type of the target web page (ie: .htm or .html)
var extension=".html"
var enablelocking=0
var numletter="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
var temp3=''
var cur=0


function max(which){
return (pass[Math.ceil(which)+(3&15)].substring(0,1))
}

function testit(input){
temp=numletter.indexOf(input)
var temp2=temp^parseInt(pass[phase1-1+(1|3)].substring(0,2))
temp2=numletter.substring(temp2,temp2+1)
return (temp2)
}


function submitentry(){
t3=''
verification=document.password1.password2.value
phase1=Math.ceil(Math.random())-6+(2<<2)
var indicate=true
for (i=(1&2);i<window.max(Math.LOG10E);i++)
t3+=testit(verification.charAt(i))
for (i=(1&2);i<lim;i++){
if (t3.charAt(i)!=pass[phase1+Math.round(Math.sin(Math.PI/2)-1)].charAt(i))
indicate=false
}
if (verification.length!=window.max(Math.LOG10E))
indicate=false
if (indicate) 
window.location=verification+extension;
else {
alert("That wasn't the correct password. Please check that your CAPS Lock key is turned off and try again.");
document.password1.password2.focus();
document.password1.password2.select();
}
}
</script>

Any help would be a lifesaver - thanks in advance!

I found this script on a tutorial site but it had no summary of browser compatibility or any other issues. I know absolutely nothing about javascript and, although it works fine when I test it, I would appreciate it very much if someone else would review this page and give me feedback.

Code:

<head>
<script type="text/javascript">
lastone='empty'; 
function showIt(lyr) 
{ 
if (lastone!='empty') lastone.style.display='none'; 
lastone=document.getElementById(lyr); 
lastone.style.display='block';
}
</script>
</head>
<body>
<!--links-->
<a href="JavaScript:;" onClick="showIt('divID1')" ">link1</a>
<a href="JavaScript:;" onClick="showIt('divID2')" ">link2</a>
<a href="JavaScript:;" onClick="showIt('divID3')" ">link3</a>
<a href="JavaScript:;" onClick="showIt('divID4')" ">link4</a>
<!--layers-->
<div id="divID1" style="display:none;">content1</div>
<div id="divID2" style="display:none;">.content2</div>
<div id="divID3" style="display:none;">..content3</div>
<div id="divID4" style="display:none;">...content4</div>
</body>

Here is a demo of it in action:
http://www.mousegrey.com/layers.html

How would you make a password feild and a retype password feild and they have to be the same?

If you go to: http://www.five-nine.net/index2/index.html and click on "Go Ahead what ..... info@five-nine.net" And try to submit the form, it will work in every browser except IE6, IE7, & IE9, (I don't know why IE8 is so different than the rest but w/e)... However I don't see any errors on in the JavaScript.

Does anyone know why this would happen in just those three browsers?

The validator showed up these errors on my site.
They are from a script, but I know very limited javascript to correct it, to me it seems to be OK.

1. Line 15, Column 23: character "<" is the first character of a delimiter but occurred as data

for (var i = 0; i < d.length; ++i) {

This message may appear in several cases:
* You tried to include the "<" character in your page: you should escape it as "&lt;"
* You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&amp;", which is always safe.
* Another possibility is that you forgot to close quotes in a previous tag.


2. Error Line 15, Column 23: StartTag: invalid element name

for (var i = 0; i < d.length; ++i) {

Code:

<script type="text/javascript">
  window.onload = function() {
    if (!NiftyCheck()) {
      return;
    }
    Rounded("div#nifty", "#666", "#FFF", 30, 30);
  }
  function adjustRadius() {
    d = getElementsBySelector("div.rounded");
    for (var i = 0; i < d.length; ++i) {
      d[i].parentNode.removeChild(d[i]);
    }
    var x = document.getElementById("radiusx").value;
    var y = document.getElementById("radiusy").value;
    Rounded("div#nifty", "#666", "#FFF", x, y);
    return false;
  }
</script>

Does anyone know why these errors are coming up on the WC3?

Hi

I am doing validation on a form, but instead of throwing an alert on empty fields I want to highlight those fields indicating error. if all are empty, then i would like to show only 1 generalized error
message "Pls. fill the highlighted textboxes.".
how do i do this and thanks in advance.

i get this error when ever i try to process the form:

There was a SyntaxError: Unexpected token < error due to an parsererror condition.


Javacsipt/jquery:

$(document).ready(function(){

$("#slide").click(function(){
$("#inner-wrapper").slideToggle();
});

$('form #response').hide();
$('#submit').click(function(e){

e.preventDefault();

var valid = '';
var required = ' is required';
var name = $('form #name').val();
var email = $('form #email').val();
var fname = $('form #fname').val();
var femail = $('form #femail').val();
var message = $('form #message').val();
var honeypot = $('form #honeypot').val();
var humancheck = $('form #humancheck').val();

//Error checking


if (name == '' || name.length <=2) {
valid = '<p>Your name' + required + '</p>';
}

if (!email.match(/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/)) {
valid += '<p>Your email' + required + '</p>';
}

if (fname == '' || fname.length <=2) {
valid += '<p>Your friend\'s name' + required + '</p>';
}

if (!femail.match(/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/)) {
valid += '<p>Your friend\'s email' + required + '</p>';
}


if (message == '' || message.length <=5) {
valid += '<p>A message' + required + '</p>';
}

if (honeypot != 'http://') {
valid += '<p><center>Spambots are not allowed.</center></p>';
}

if (humancheck != '') {
valid += '<p><center>A human user' + required + '</center></p>';
}

if (valid != '') {
$('form #response').removeClass().addClass('error')
.html('<strong>Please correct the errors below.</strong>' + valid).fadeIn('2000');
}else {
$('form #response').removeClass().addClass('processing').html('<center>Working...</center>').fadeIn('2000');

var formData = $('form').serialize();
submitForm(formData);

}

});

});

function submitForm(formData) {
$.ajax({
type: 'POST',
url: 'emailfriend.php',
data: formData,
dataType: 'json',
cache: false,
timeout: 7000,
success: function(data) {
$('form #response').removeClass().addClass((data.error === true) ? 'error' : 'success')
.html(data.msg).fadeIn('fast');

if ($('form #response').hasClass('success')) {
setTimeout("$('form #response').fadeOut('slow')", 5000);
}
},

error: function(XMLHttpRequest, textStatus, errorThrown) {
$('form #response').removeClass().addClass('error')
.html('<p>There was a <strong>' + errorThrown +
'</strong> error due to an <strong>' + textStatus +
'</strong> condition.</p>').fadeIn('fast');
},
complete: function(XMLHttpRequest, status) {
$('form')[0].reset();
}

});
};

php file

PHP Code:
<?php
  error_reporting(E_ALL ^ E_NOTICE);
  
  sleep(3);
  
  $name = stripslashes($_POST[name]);
  $email = stripslashes($_POST[email]);
  $fname = stripslashes($_POST[fname]);
  $femail = stripslashes($_POST[femail]);
  $message = stripslashes($_POST[message]);
  $honeypot = $_POST[honeypot];
  $humancheck = $_POST[humancheck];
  
  if ($honeypot == 'http://' && empty($humancheck)) {
  
      $error_msg = '';
      $reg_exp = "/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/";
      
      if (!preg_match($reg_exp, $email)) {
         $error_msg .= "<p>A valid email is required</p>"; 
      }
      
        if (!preg_match($reg_exp, $femail)) {
         $error_msg .= "<p>A valid email is required</p>"; 
      }
      
      if (empty($name)) {
         $error_msg .= "<p/>Please provide your name</p>";
      }
      
      if (empty($fname)) {
         $error_msg .= "<p/>Please provide your name</p>";
      }
      
      if (empty($message)) {
          $error_msg .= "<p>A message is required.</p>";
      }
      
      if (!empty($error_msg)) {
         $return['error'] = true;
         $return['msg'] = "<h3>Oops! Looks like you missed a few fields.</h3>".$error_msg;
         echo json_encode($return);
         exit();
         
      }else {
        $return['error'] = false;
      
        $ref=@$HTTP_REFERER; 
        /////Message at the top of the page showing the url////
        $header_message = "Hi $fname \n Your friend $name requested you to visit this page at \n $ref \n";
        /// Body message prepared with the message entered by the user ////
        $body_message =$header_message."\n".$message."\n";
        // IP address of visitor is added to message, you can remove it if not required.//
        $body_message .="\n Sent from http://www.separatethescams.com";
        //// Mail posting part starts here /////////

        $headers="";
        //$headers = "Content-Type: text/html; charset=iso-8859-1\n".$headers; 
         // Un comment the above line to send mail in html format
        $headers4=$email;         // Change this to change from address
        $headers.="Reply-to: $headers4\n";
        $headers .= "From: $headers4\n"; 
        $headers .= "Errors-to: $headers4\n"; 

        $subject="$name visit this site!";

        mail($femail,$subject,$body_message,$headers);
      
         $return['msg'] = " <b><p><center>Thanks for spreading the word! :) " . "<font color='red'>" .$name .  "</font>" . " </p>" . "</b>" . "</center>";
         echo json_encode($return);
      }
      
  }else {
      $return['error'] = true;
      $return['msg'] = "<h3><center>0ops there was a problem submitting the data. Please try again!</center></h3>";
      echo json_encode($return);
  }

?>


html file

<html>
<head>
<link rel="stylesheet" href="ajaxform/form.css" type="text/css" media="screen"/>
</head>
<body>

<div id="wrapper">
<h3 id="slide">Email This Page To a Friend</h3>
<hr></hr>
<div id="inner-wrapper">

<form id="my_form" action="ajaxform/emailfriend.php" method="post">

<div id="response"><!--This will hold error message and response from server. --></div>
<div class="inputs">
<p>
<label>Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;</label>
<input name="name" type="text" placeholder="Your Name" class="required" id="name" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label>Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;</label>
<input name="email" type="text" placeholder="Your Email" class="required" id="email" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label>Friend's Name&nbsp;&nbsp;</label>
<input name="fname" type="text" placeholder="Friend's Name" class="required" id="fname" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label>Friend's Email&nbsp;&nbsp;</label>
<input name="femail" type="text" placeholder="Friend's Email" class="required" id="femail" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label id="msg">Message&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
<textarea name="message" cols="24" rows="5"type="text" placeholder="Message To Friend" class="required" id="message"></textarea>
</p>
</div>

<div class="button">
<input name="submit" type="submit" id="submit" value="EMAIL PAGE" />
</div>

<div class="inputs">
<input type="hidden" name="honeypot" id="honeypot" value="http://" />
<input type="hidden" name="humancheck" id="humancheck" class="clear" value="" />
</div>

</form>
</div> <!-- inner-wrapper end -->
</div>

<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="ajaxform/ajax_submit.js"></script>
</body>
</html>

Hey guys, Working on a large project. Ive created a form that when an anchor is clicked it calls the following javascript. This code executes fine in FF and creates a new select box, input box, and delete anchor. When i attempt this code in IE 8, an error occurs. The error message below and referes to the lines in which i have used the newField array.
Code:

<script type="text/javascript">
var counter = 0;

function moreFields() {
	
		var newFields = document.getElementById('rowline').cloneNode(true);
	var insertHere = document.getElementById('inputgroup');
		var newField = newFields.childNodes;
		counter = document.getElementsByTagName('select').length;
		newField[2].name = 'item' + counter;
		counter = document.getElementsByTagName('input').length;
		newField[5].name = 'amount' + counter;
	newField[7].style.display = 'block';
	insertHere.parentNode.insertBefore(newFields,insertHere);
}
</script>

Error: Object doesn't support this property or method

Im guessing this refers to the attempt to use .name/.style . Does anyone know why this is the case or an alternative way to do this?

Thanks.

Matthew King

I've tried a couple of different scripts, and I'm getting the same result, so I know I must just be missing something. I'm very new to this, so I'm not figuring it out.

I want a text box to show the results of an increment counter. Every time I click a button, the number in the text box increments by one. I know it sounds simple, but it's not working. Help? My code is below:


Code:

   <style type = "text/css">

       .tbsize { width: 30px;
                 border: 3px;
                 padding: 10px }
    </style>


<script type="text/javascript">
 
    var i=0; 
 
    function increase() 
    { 
          ++i;
         
    }
</script> 

</head>

   <body>

    <div id = "tbsize" class = "tbsize">

    <form onsubmit = "return false" action = "">

    <table>

       <td><input type = "text" id = "addone" /></td>

       <td><input type = "submit" value = "Click to add One" 
                   onclick="increase()"></td>

    </table>
    </form>
    </div>
    </body>
    </script>

here is the link where the problem persist
http://www.ornusweb.com/what_we_done.html

I have mixed 2 scripts the light box script(lightbox.js) and scroller script(scriptaculous.js)

the page only works with ie and in other browsers it opens as an image(light box wont work)

the errors say

1st error> uncaught script.aculo.us requires the prototype javaScript frame work >1.4.0
scriptaculous.load
(anonymous function)

2 error > uncaught typeErrorbject function object(){[native code]} has no method 'extends'
(anonymous function)

can some one help me solve these problem's

is there anyway to set my code in javascript to ignore errors
I have an error that comes up on ie but everything workes fine and i can't find the source of the error -- can i tell the browser to ignore it?

Hi. I've just finished up a web design I've been working on and of course it looks and works great in FF, but has problems in IE.

My question is, how do you see what's wrong in IE? I know how to fix the html/css but how do I see what's going wrong with the javascript and php? Is there link in IE where I can see the errors?

Thanks in advance.

I have the following code for determining 30 year amortization for fha and conventional loans:
Code:

function calc(){
var alrt="";
if (document.getElementById("down").value==""){
alrt+="Down Payment\n";
}
if (!document.getElementById("con").checked && !document.getElementById("fha").checked){
alrt+="Loan Type";
}
if (alrt!=""){
alert("You Must Fill Out the Following Fields:\n"+alrt);
}
else {
doAmb();
}
}
function doAmb(){
var pur=purchasePrice;
var down=eval(document.getElementById("down").value);
if (document.getElementById("type").selectedIndex==1){
downPay=down*.01;
downPay=downPay*pur;
}
else {
downPay=down;
}
var pay=pur-downPay;
if (document.getElementById("fha").checked){
pay=pay*(1.0225);
}
amt=getPayment(pay,360,interestRate);
writeData(pur,downPay,amt);
}
function getPayment(a,n,p) {
		var acc=0;
		var base = 1 + p/1200;
		for (i=1;i<=n;i++) 
			{ acc += Math.pow(base,-i); }
		return a/acc;
	}
function writeData(pp,dp,mp){
document.getElementById("purc").innerHTML=Math.round(pp*100)/100;
document.getElementById("mon").innerHTML=Math.round(mp*100)/100;
document.getElementById("downP").innerHTML=Math.round(dp*100)/100+" 

("+(Math.round(((dp/pp)*100)*100)/100)+"%)";
document.getElementById("loan").innerHTML=Math.round((pp-dp)*100)/100;
document.getElementById("inter").innerHTML=interestRate;
document.getElementById("ins").innerHTML=insurance;
document.getElementById("tax").innerHTML=tax;
document.getElementById("tot").innerHTML=Math.round((tax+insurance+mp)*100)/100;
document.getElementById("sptype").innerHTML=((document.getElementById("con").checked)?"Conventional":

"FHA");
document.getElementById("inputArea").style.display="none";
document.getElementById("outputArea").style.display="block";
}
function showIn(){
document.getElementById("cover").style.display="block";
document.getElementById("inputArea").style.display="block";
}

It works 100% perfectly in Firefox, but in Internet Explorer, it won't do anything.
Also, I know there may be some missing variables, those are in a separate JS file.
Edit: Also, just discovered that it works fine when used inline, but loaded from an external file, it returns an "Invalid Character" error.

I am struggling trying to get this bit of code I've written to work. It should validate a password that is 10 characters long, starts with a D and includes 1 *. Even if I blank out two of the while statements and only use the charAt while statement it still fails to loop back. Any ideas?

function validatePassword()

{

//declare and initialise variables

var intCount = 0;

var intCharCount = 7;
var intAstrixCount =0;



var strPassword = parseInt(prompt("Please enter password", ""));



while (strPassword.length < intCount)

{

alert ("Your password must be at least 10 characters long");

strPassword = parseInt(prompt("Please enter password", ""));

intCount++;


}

while (strPassword.charAt(0) != "a")

{

alert ("Your password does not start with a D");

strPassword = parseInt(prompt("Please enter password", ""));

intCount++;

}

while (intAstrixCount != 1)

{

alert ("Your password does not contain an *");

strPassword = parseInt(prompt("Please enter password", ""));

intCount++;

}



alert ("Your password is correct");

}