email, zipcode, and password confirm problem

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 456,492 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,685 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 2794 | Replies: 11

Page 1 of 2

•

Join Date: Apr 2004

Location: Brownsville or Austin, TX or Faber, VA

Posts: 59

Reputation: world_weapon is an unknown quantity at this point

Rep Power: 5

Solved Threads: 2

world_weapon world_weapon is offline

Offline

Junior Poster in Training

email, zipcode, and password confirm problem

Sep 22nd, 2007

Brief overview, have three functions that return boolean for the zip code and email format and another to check if two fields are not empty and contain the same value. The wrapper functions I made that use another function to write to a div.innerHTML work fine. The function I made to check them all and then to call the 3 individual wrapper functions doesnt respond at all. FF Error Console reports nothing and IE does not alert anything either. I don't know what is wrong. If anyone can take a look at the code and tell me where I am doing something wrong or try to run it in your own browser? Any help is very much appreciated.

Help with Code Tags

(Toggle Plain Text)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test Form Checker</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
<script type="text/javascript">
function isValidZip(value) {
   var re = /^\d{5}([\-]\d{4})?$/;
   return (re.test(value));
}

function validEmail(str){
return ((str.indexOf(".",str.indexOf("@")) - str.indexOf("@") > 1) && (str.indexOf("@") == str.lastIndexOf("@")) && (str.indexOf("@") > 0 && str.lastIndexOf(".") < str.length - 1))
}

function isPassword(x,y) {
   return (x != "" && x == y)
}

function writeTo(x){
M = document.getElementById("dumpHere");
M.innerHTML+=x+"<br />"
return true;
}

function testZip(v) {
if (isValidZip(v)){
   writeTo("Valid Zip Code Format!");
   return true;
   }
writeTo("Not a valid zip code format!!!");
return true;
}

function testEmail(v){
if (validEmail(v)){
   writeTo("Valid E-mail Format");
   return true;
   }
writeTo("Not valid email format!!!");
return false;
}

function checkPass(){
if (isPassword(document.getElementById("input3").value,document.getElementById("input4").value)){
writeTo("Password Good!!!!");
return true
}
writeTo("Password not valid, enter a value and matching value to confirm!!!")
return true
}

function testForm() {
if (validEmail(document.getElementById("input2").value) && isValidZip(document.getElementById("input1").value) && isPassword(document.getElementById("input3").value,document.getElementById("input4").value)){
   writeTo("Form Ready to Submit!!!");
   return true;
   }
isValidZip(document.getElementById('input1').value);
isValidEmail(document.getElementById('input2').value);
checkPass();
return true
}
</script>
</head>
<body bgcolor="#FFFFFF">
<hr />
<input type="text" id="input1"><br />
<input type="text" id="input2"><br />
<input type="text" id="input3"><br />
<input type="text" id="input4"><br />
<input type="button" value="Is Input1 zipcode?" onclick="testZip(document.getElementById('input1').value);"><br />
<input type="button" value="Is Input2 email?" onclick="testEmail(document.getElementById('input2').value);"><br />
<input type="button" value="Is Input3 and Input4 same?" onclick="checkPass();"><br />
<input type="button" value="Check" onlick="testForm()"><br />
<div id="dumpHere"></div>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test Form Checker</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
<script type="text/javascript">
function isValidZip(value) {
   var re = /^\d{5}([\-]\d{4})?$/;
   return (re.test(value));
}

function validEmail(str){
return ((str.indexOf(".",str.indexOf("@")) - str.indexOf("@") > 1) && (str.indexOf("@") == str.lastIndexOf("@")) && (str.indexOf("@") > 0 && str.lastIndexOf(".") < str.length - 1))
}

function isPassword(x,y) {
   return (x != "" && x == y)
}

function writeTo(x){
M = document.getElementById("dumpHere");
M.innerHTML+=x+"<br />"
return true;
}

function testZip(v) {
if (isValidZip(v)){
   writeTo("Valid Zip Code Format!");
   return true;
   }
writeTo("Not a valid zip code format!!!");
return true;
}

function testEmail(v){
if (validEmail(v)){
   writeTo("Valid E-mail Format");
   return true;
   }
writeTo("Not valid email format!!!");
return false;
}

function checkPass(){
if (isPassword(document.getElementById("input3").value,document.getElementById("input4").value)){
writeTo("Password Good!!!!");
return true
}
writeTo("Password not valid, enter a value and matching value to confirm!!!")
return true
}

function testForm() {
if (validEmail(document.getElementById("input2").value) && isValidZip(document.getElementById("input1").value) && isPassword(document.getElementById("input3").value,document.getElementById("input4").value)){
   writeTo("Form Ready to Submit!!!");
   return true;
   }
isValidZip(document.getElementById('input1').value);
isValidEmail(document.getElementById('input2').value);
checkPass();
return true
}
</script>
</head>
<body bgcolor="#FFFFFF">
<hr />
<input type="text" id="input1"><br />
<input type="text" id="input2"><br />
<input type="text" id="input3"><br />
<input type="text" id="input4"><br />
<input type="button" value="Is Input1 zipcode?" onclick="testZip(document.getElementById('input1').value);"><br />
<input type="button" value="Is Input2 email?" onclick="testEmail(document.getElementById('input2').value);"><br />
<input type="button" value="Is Input3 and Input4 same?" onclick="checkPass();"><br />
<input type="button" value="Check" onlick="testForm()"><br />
<div id="dumpHere"></div>
</body>
</html>

I wish I that I would get an error or something, but this literally shows me nothing. Maybe someone here can identify where I went wrong with it.

The purpose of my existence is why I am here.

•

Join Date: Apr 2004

Location: Brownsville or Austin, TX or Faber, VA

Posts: 59

Reputation: world_weapon is an unknown quantity at this point

Rep Power: 5

Solved Threads: 2

world_weapon world_weapon is offline

Offline

Junior Poster in Training

Re: email, zipcode, and password confirm problem

Sep 22nd, 2007

Ok, I think I typoed on the

Help with Code Tags

(Toggle Plain Text)

function testForm() {
if (validEmail(document.getElementById("input2").value) && isValidZip(document.getElementById("input1").value) && isPassword(document.getElementById("input3").value,document.getElementById("input4").value)){

with ))

The purpose of my existence is why I am here.

•

Join Date: Apr 2004

Location: Brownsville or Austin, TX or Faber, VA

Posts: 59

Reputation: world_weapon is an unknown quantity at this point

Rep Power: 5

Solved Threads: 2

world_weapon world_weapon is offline

Offline

Junior Poster in Training

Re: email, zipcode, and password confirm problem

Sep 22nd, 2007

No that has to be there, otherwise there is an error. Darn, I can't figure it out. Someone please help.

The purpose of my existence is why I am here.

•

Join Date: Apr 2004

Location: Brownsville or Austin, TX or Faber, VA

Posts: 59

Reputation: world_weapon is an unknown quantity at this point

Rep Power: 5

Solved Threads: 2

world_weapon world_weapon is offline

Offline

Junior Poster in Training

Re: email, zipcode, and password confirm problem

Sep 22nd, 2007

Ok, the code I posted earlier was calling the wrong functions, but I fixed that, I even removed the if statement from testForm() This is what I am currently running but the effect is still the same for me, no response and no error. Its funny but the error console should have flagged the wrong function name in the earlier code, but I don't know what is going on here.

Help with Code Tags

(Toggle Plain Text)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test Form Checker</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
<script type="text/javascript">
function isValidZip(value) {
   var re = /^\d{5}([\-]\d{4})?$/;
   return (re.test(value));
}

function validEmail(str){
return ((str.indexOf(".",str.indexOf("@")) - str.indexOf("@") > 1) && (str.indexOf("@") == str.lastIndexOf("@")) && (str.indexOf("@") > 0 && str.lastIndexOf(".") < str.length - 1));
}

function isPassword(x,y) {
   return (x != "" && x == y);
}

function writeTo(x){
M = document.getElementById("dumpHere");
M.innerHTML+=x+"<br />";
return true;
}

function testZip(v) {
if (isValidZip(v)){
   writeTo("Valid Zip Code Format!");
   return true;
   }
writeTo("Not a valid zip code format!!!");
return true;
}

function testEmail(v){
if (validEmail(v)){
   writeTo("Valid E-mail Format");
   return true;
   }
writeTo("Not valid email format!!!");
return false;
}

function checkPass(){
if (isPassword(document.getElementById("input3").value,document.getElementById("input4").value)){
writeTo("Password Good!!!!");
return true;
}
writeTo("Password not valid, enter a value and matching value to confirm!!!");
return true;
}

function testForm() {
testZip(document.getElementById('input1').value);
testEmail(document.getElementById('input2').value);
checkPass();
return true;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<hr />
<input type="text" id="input1"><br />
<input type="text" id="input2"><br />
<input type="text" id="input3"><br />
<input type="text" id="input4"><br />
<input type="button" value="Is Input1 zipcode?" onclick="testZip(document.getElementById('input1').value);"><br />
<input type="button" value="Is Input2 email?" onclick="testEmail(document.getElementById('input2').value);"><br />
<input type="button" value="Is Input3 and Input4 same?" onclick="checkPass();"><br />
<input type="button" value="Check" onlick="testForm();"><br />
<div id="dumpHere"></div>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test Form Checker</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
<script type="text/javascript">
function isValidZip(value) {
   var re = /^\d{5}([\-]\d{4})?$/;
   return (re.test(value));
}

function validEmail(str){
return ((str.indexOf(".",str.indexOf("@")) - str.indexOf("@") > 1) && (str.indexOf("@") == str.lastIndexOf("@")) && (str.indexOf("@") > 0 && str.lastIndexOf(".") < str.length - 1));
}

function isPassword(x,y) {
   return (x != "" && x == y);
}

function writeTo(x){
M = document.getElementById("dumpHere");
M.innerHTML+=x+"<br />";
return true;
}

function testZip(v) {
if (isValidZip(v)){
   writeTo("Valid Zip Code Format!");
   return true;
   }
writeTo("Not a valid zip code format!!!");
return true;
}

function testEmail(v){
if (validEmail(v)){
   writeTo("Valid E-mail Format");
   return true;
   }
writeTo("Not valid email format!!!");
return false;
}

function checkPass(){
if (isPassword(document.getElementById("input3").value,document.getElementById("input4").value)){
writeTo("Password Good!!!!");
return true;
}
writeTo("Password not valid, enter a value and matching value to confirm!!!");
return true;
}

function testForm() {
testZip(document.getElementById('input1').value);
testEmail(document.getElementById('input2').value);
checkPass();
return true;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<hr />
<input type="text" id="input1"><br />
<input type="text" id="input2"><br />
<input type="text" id="input3"><br />
<input type="text" id="input4"><br />
<input type="button" value="Is Input1 zipcode?" onclick="testZip(document.getElementById('input1').value);"><br />
<input type="button" value="Is Input2 email?" onclick="testEmail(document.getElementById('input2').value);"><br />
<input type="button" value="Is Input3 and Input4 same?" onclick="checkPass();"><br />
<input type="button" value="Check" onlick="testForm();"><br />
<div id="dumpHere"></div>
</body>
</html>

The purpose of my existence is why I am here.

•

Join Date: Jan 2007

Posts: 2,604

Reputation: MidiMagic is on a distinguished road

Rep Power: 7

Solved Threads: 119

MidiMagic

Offline

Posting Maven

Re: email, zipcode, and password confirm problem

Sep 22nd, 2007

You have a < character in your script.

You have to have a separate .js file when this happens. Otherwise, HTML parsing begins again at the < character.

Also, anyone can read your code and find out the password. You must use server-side processing (not client-side) for passwords.

Last edited by MidiMagic : Sep 22nd, 2007 at 10:08 pm.

Daylight-saving time uses more gasoline

•

Join Date: Apr 2004

Location: Brownsville or Austin, TX or Faber, VA

Posts: 59

Reputation: world_weapon is an unknown quantity at this point

Rep Power: 5

Solved Threads: 2

world_weapon world_weapon is offline

Offline

Junior Poster in Training

Re: email, zipcode, and password confirm problem

Sep 22nd, 2007

Thanks for the lead, I am currently looking for that character in the script, and this is just the register new page, these functions will actually just check the form before posting to itself and it is in php. This was just a dummy page to check the functionality.
I am still going to have php check things again as well as check for the username already in the database, among other things. Hopefully I can find the < char. Hopefully this will fix things and I can use the functions. I just didnt want the php to process it over and over again, and figured that having javascript precheck it would reduce the amount of times the server would possibly do it. Yeah I know that having javascript check the form and then php again is a bit redundant, but at least my server doesnt have to serve the page again and again over silly mistakes.

The purpose of my existence is why I am here.

•

Join Date: Apr 2004

Location: Brownsville or Austin, TX or Faber, VA

Posts: 59

Reputation: world_weapon is an unknown quantity at this point

Rep Power: 5

Solved Threads: 2

world_weapon world_weapon is offline

Offline

Junior Poster in Training

Re: email, zipcode, and password confirm problem

Sep 22nd, 2007

Hmmm, I found the < char in the validEmail() function as checking to make sure that a period was not the last char in the string and again in a string in the writeTo() function that I use to write to the div and add a line break. I will try these in an external script. Maybe that will make them work. I'll post again after the test.

The purpose of my existence is why I am here.

•

Join Date: Apr 2004

Location: Brownsville or Austin, TX or Faber, VA

Posts: 59

Reputation: world_weapon is an unknown quantity at this point

Rep Power: 5

Solved Threads: 2

world_weapon world_weapon is offline

Offline

Junior Poster in Training

Re: email, zipcode, and password confirm problem

Sep 22nd, 2007

Well, I tried first to change the validEmail() function and the writeTo() function without the < character and so I did. The problem still persist. The 3 buttons calling the individual wrapper functions work but the button that calls them one after another does not. I tried also putting the functions in the external .js and that did not work either. The code still works for the first three
buttons meaning that the functions are working, but why would the testForm() not work. Im still lost. This is the working code with the <'s taken out.

Help with Code Tags

(Toggle Plain Text)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test Form Checker</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
<script type="text/javascript">
function isValidZip(value) {
   var re = /^\d{5}([\-]\d{4})?$/;
   return (re.test(value));
}

function validEmail(str){
return ((str.indexOf(".",str.indexOf("@")) - str.indexOf("@") > 1) && (str.indexOf("@") == str.lastIndexOf("@")) && (str.indexOf("@") > 0 && str.length - 1 > str.lastIndexOf(".")));
}

function isPassword(x,y) {
   return (x != "" && x == y);
}

function writeTo(x){
M = document.getElementById("dumpHere");
M.innerHTML+=x+"&lt;br />";
return true;
}

function testZip(v) {
if (isValidZip(v)){
   writeTo("Valid Zip Code Format!");
   return true;
   }
writeTo("Not a valid zip code format!!!");
return true;
}

function testEmail(v){
if (validEmail(v)){
   writeTo("Valid E-mail Format");
   return true;
   }
writeTo("Not valid email format!!!");
return false;
}

function checkPass(){
if (isPassword(document.getElementById("input3").value,document.getElementById("input4").value)){
writeTo("Password Good!!!!");
return true;
}
writeTo("Password not valid, enter a value and matching value to confirm!!!");
return true;
}

function testForm() {
testZip(document.getElementById('input1').value);
testEmail(document.getElementById('input2').value);
checkPass();
return true;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<hr />
<input type="text" id="input1"><br />
<input type="text" id="input2"><br />
<input type="text" id="input3"><br />
<input type="text" id="input4"><br />
<input type="button" value="Is Input1 zipcode?" onclick="testZip(document.getElementById('input1').value);"><br />
<input type="button" value="Is Input2 email?" onclick="testEmail(document.getElementById('input2').value);"><br />
<input type="button" value="Is Input3 and Input4 same?" onclick="checkPass();"><br />
<input type="button" value="Check" onlick="testForm();"><br />
<div id="dumpHere"></div>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test Form Checker</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
<script type="text/javascript">
function isValidZip(value) {
   var re = /^\d{5}([\-]\d{4})?$/;
   return (re.test(value));
}

function validEmail(str){
return ((str.indexOf(".",str.indexOf("@")) - str.indexOf("@") > 1) && (str.indexOf("@") == str.lastIndexOf("@")) && (str.indexOf("@") > 0 && str.length - 1 > str.lastIndexOf(".")));
}

function isPassword(x,y) {
   return (x != "" && x == y);
}

function writeTo(x){
M = document.getElementById("dumpHere");
M.innerHTML+=x+"&lt;br />";
return true;
}

function testZip(v) {
if (isValidZip(v)){
   writeTo("Valid Zip Code Format!");
   return true;
   }
writeTo("Not a valid zip code format!!!");
return true;
}

function testEmail(v){
if (validEmail(v)){
   writeTo("Valid E-mail Format");
   return true;
   }
writeTo("Not valid email format!!!");
return false;
}

function checkPass(){
if (isPassword(document.getElementById("input3").value,document.getElementById("input4").value)){
writeTo("Password Good!!!!");
return true;
}
writeTo("Password not valid, enter a value and matching value to confirm!!!");
return true;
}

function testForm() {
testZip(document.getElementById('input1').value);
testEmail(document.getElementById('input2').value);
checkPass();
return true;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<hr />
<input type="text" id="input1"><br />
<input type="text" id="input2"><br />
<input type="text" id="input3"><br />
<input type="text" id="input4"><br />
<input type="button" value="Is Input1 zipcode?" onclick="testZip(document.getElementById('input1').value);"><br />
<input type="button" value="Is Input2 email?" onclick="testEmail(document.getElementById('input2').value);"><br />
<input type="button" value="Is Input3 and Input4 same?" onclick="checkPass();"><br />
<input type="button" value="Check" onlick="testForm();"><br />
<div id="dumpHere"></div>
</body>
</html>

The wrapper functions use the wrtieTo() and now print out the br tags as text instead of the actual line breaks, and the functions still work although the text doesnt have line breaks, but what I can't figure out is why the testForm() still doesnt work.

Last edited by world_weapon : Sep 22nd, 2007 at 11:43 pm. Reason: Misprint

The purpose of my existence is why I am here.

•

Join Date: Jan 2007

Posts: 2,604

Reputation: MidiMagic is on a distinguished road

Rep Power: 7

Solved Threads: 119

MidiMagic

Offline

Posting Maven

Re: email, zipcode, and password confirm problem

Sep 23rd, 2007

What I saw was in the function "writeTo". It doesn't matter if the character is inside quotes.

Daylight-saving time uses more gasoline

•

Join Date: Jan 2007

Posts: 2,604

Reputation: MidiMagic is on a distinguished road

Rep Power: 7

Solved Threads: 119

MidiMagic

Offline

Posting Maven

Re: email, zipcode, and password confirm problem

#10

Sep 23rd, 2007

Parameter passing does not work in the normal way when you use onclick or some other on- call. You can't put a parameter inside the function call parentheses in the way you do in javascript itself.

Daylight-saving time uses more gasoline