Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

validation trouble - Please help!!! 1

Status
Not open for further replies.

frogggg

Programmer
Jan 17, 2002
182
US
I am having the hardest time with this validation script!

I tried:
1) Running through the values, and creating a string with all bad values, and if there are any, printing them to the screen. I do not want to do this in an alert. I would like to have a header tag at the top of the reloaded form page, with all filled in textboxes still filled in, and the header tag displaying the string. The string part I got no problem, but the page just displays the header tag, no form. Can someone help? How can I reload the page with the tag on top?

2) Rewriting the entire form, with black labels if correct values, and red ones if incorrect. This works fine. However, if the second time around is still not filled in properly, it submits anyway, because the document.write at the beginning of the line cancels out the onSubmit="chkForm()".

3) Someone here suggested using .innerHTML, which I just discovered doesn't work very well for tables, so instead of parsing the code, it just spits it all out onto the screen.

I would really appreciate some help and direction!

Thanks!
 
First of all, what kind of values are we talking about, and what kind of validation are you trying to use? It would be helpful if you could post a example, or even part of the script that you are trying to use so that we could see it. Then we will better be able to help you figure out what is going on.

 
it's an html form, with client side JavaScript validation.
the function goes something like this:
//create string to hold names of blank required fields
var alertString;
alertString = "";
if (form.txtEmpFName.value == ""){
alertString = alertString + "First Name, "
}
if (form.txtEmpLName.value == ""){
alertString = alertString + "Last Name, "
}
etc. for all the textboxes.
then:
//if string is not empty, display contents and do not allow submit
if (alertString != ""){
document.write('<h3><font color=&quot;#ff0000&quot;>Please complete the following required field(s): ' + alertString + '</font></h3>');
return false;
}
else
return true;

I also tried redrawing the entire form:

if (fName == &quot;&quot;)
{
document.write = ('<tr><td><font color=&quot;#ff0000&quot;>First Name: </font></td>');
document.write = ('<td><INPUT type=&quot;text&quot; id=text1 name=txtfName></td></tr>');
counter = counter + 1;
}
else
{
document.write = ('<tr><td>First Name: </td>');
document.write = ('<td><INPUT type=&quot;text&quot; id=text1 name=txtfName value=' + fName + '></td></tr>');
}
etc. for all textboxes, with a form tag at the head and end and a submit button, and the form tag had a onSubmit=&quot;hkForm()&quot; so the inner form generated by the javascript would call the same function, and therefore itself again.

I hope that is clearer.
Thank you for your help.
 
Does anyone have any ideas about how I can achieve what I am trying to, if all my ideas are off the wall?

All I want to do is check through all the textboxes, and instead of popping up alerts, I want to either:
1) redisplay the form with the user's info in it and the uncompleted textboxes' labels red.
2) redisplay the form with an error message at the top of it, listing the incorrect textboxes.

I know how to get the info if it was completed properly or not, but I need help with the last little bit.
Please can someone help??
 
frogggg

innerHTML will work(for IE). There is a bug in IE that closes the table tag if you insert an opening table object into the innerHTML directly.

To get around this use a variable as shown below.
THe table format you have when rewriting the form will remain available


<%@ Language=VBScript %>
<HTML>
<HEAD>
<META NAME=&quot;GENERATOR&quot; Content=&quot;Microsoft Visual Studio 6.0&quot;>
<script language=javascript >

function isReady(form)
{
//put values of textboxes into variables for ease in comparison
var fName;

fName = form.txtfName.value;
lName=form.txtlName.value
document.form1.innerHTML =&quot;&quot;
var strHTML;
var counter;
counter = 0;
strHTML=&quot;&quot;
strHTML =strHTML + '<table style=&quot;WIDTH: 305px; HEIGHT: 875px&quot; cellSpacing=&quot;2&quot; cellPadding=&quot;2&quot; width=&quot;305&quot; align=&quot;center&quot; border=&quot;0&quot; id=&quot;TABLE1&quot;>'
if (fName == &quot;&quot;)
{
strHTML =strHTML + '<tr><td><font color=&quot;#ff0000&quot;>First Name: </font></td>'
strHTML =strHTML +'<td><INPUT type=&quot;text&quot; id=text1 name=txtfName></td></tr>'

counter = counter + 1;
}
else
{
strHTML =strHTML + '<tr><td>First Name: </td>'
strHTML =strHTML + '<td><INPUT type=&quot;text&quot; id=text1 name=txtfName value=' + fName + '></td></tr>'
}
if (lName == &quot;&quot;)
{
strHTML =strHTML + '<tr><td><font color=&quot;#ff0000&quot;>Last Name: </font></td>'
strHTML =strHTML + '<td><INPUT type=&quot;text&quot; id=text1 name=txtlName></td></tr>'


counter = counter + 1;
}
else
{
strHTML =strHTML + '<tr><td>Last Name: </td>'
strHTML =strHTML + '<td><INPUT type=&quot;text&quot; id=text1 name=txtlName value=' + lName + '></td></tr>'

}



if (counter > 0)
{
strHTML =strHTML + '<h3><font color=&quot;#ff0000&quot;>The fields in red are required.</font></h3>'
strHTML =strHTML + '<tr><td><INPUT type=&quot;submit&quot; value=&quot;Submit&quot; id=submit2 name=submit2></td></tr>'
strHTML =strHTML + '</table>'

document.form1.innerHTML =strHTML
return false;
//reset counter
counter = 0;

}
else
{
return true;

}

}
</script>

</HEAD>
<BODY>


<form name=&quot;frmProfile&quot; id=&quot;form1&quot; onSubmit=&quot;return isReady(this)&quot; method=&quot;get&quot; action=&quot;addUser.asp&quot;>
<input type=text name=&quot;txtfName&quot;>
<input type=text name=&quot;txtlName&quot;>
<input type=submit>



</form>







</BODY>
</HTML>
 
SarkMan,

Thanks for your follow up.
I tried what you said, now it completely ignores the entire validation! and just allows a submit. It's not printing anything to the page, and it's not returning false.
I noticed that this time you didn't put
alert(document.form1.innerHTML)
just
document.form1.innerHTML = strHtml
is that correct?

Thanks again!
 
Are you putting what code I posted into your page? If so post your page and I'll see if I can get it working.
DId you try to run just the code I posted?

What browser are you using?
 
Yes that is correct. I only had the alert there before for testing.
 
I'm using IE. Here's my code, every last line of it.
Thanks and good luck!
I'm using Visual Interdev as the developer.


<html>
<head>
<meta NAME=&quot;GENERATOR&quot; Content=&quot;Microsoft Visual Studio 6.0&quot;>
<title></title>
</head>
<script language=&quot;JavaScript&quot;>
function isReady(form)
{
//confirm that password was typed correctly both times
if (form.txtPassword.value != form.txtConfPassword.value)
{
alert(&quot;Password and Confirm Password did not match.&quot;);
return false;
}

//put values of textboxes into variables for ease in comparison
var fName;
fName = form.txtfName.value;
var lName;
lName = form.txtlName.value;
var address;
address = form.txtAddress.value;
var city;
city = form.txtCity.value;
var state;
state = form.txtState.value;
var zip;
zip = form.txtZip.value;
var phone;
phone = form.txtPhone.value;
var wPhone;
wPhone = form.txtWPhone.value;
var cPhone;
cPhone = form.txtCPhone.value;
var fax;
fax = form.txtFax.value;
var email;
email = form.txtEmail.value;
var userName;
userName = form.txtUserName.value;
var password;
password = form.txtPassword.value;
var passwordHint;
passwordHint = form.txtPasswordHint.value;


//rewrite form including all filled in textboxes,
//with the empty required ones' labels red
//if counter = 0 then submit, else submit to function again.

document.form1.innerHTML = &quot;&quot;;

var counter;
counter = 0;
var strHtml;
strHtml = strHtml + '<table style=&quot;WIDTH: 305px; HEIGHT: 875px&quot; cellSpacing=&quot;2&quot; cellPadding=&quot;2&quot; width=&quot;305&quot; align=&quot;center&quot; border=&quot;0&quot; id=&quot;TABLE1&quot;>';
if (fName == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>First Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtfName></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>First Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtfName value=' + fName + '></td></tr>';
}
if (lName == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Last Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text2 name=txtlName></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Last Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text2 name=txtlName value=' + lName + '></td></tr>';

}

strHtml = strHtml + '<tr><td>Address: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text3 name=txtAddress value=' + address + '></td></tr>';

strHtml = strHtml + '<tr><td>City: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text4 name=txtCity value=' + city + '></td></tr>';

strHtml = strHtml + '<tr><td>State: </td>';
strHtml = strHtml + '<td><select id=&quot;select1&quot; name=&quot;txtState&quot; value=' + state + '> <option value>Alabama</option><option value>Alaska</option><option value>Arizona</option><option value>Arkansas</option><option value>California</option><option value>Colorado</option><option value>Connecticut</option><option value>Delaware</option><option value>District of Columbia</option><option value>Florida</option><option value>Georgia</option><option value>Hawaii</option><option value>Idaho</option><option value>Illinois</option><option value>Indiana</option><option value>Iowa</option><option value>Kansas</option><option value>Kentucky</option><option value>Louisiana</option><option value>Maine</option><option value>Maryland</option><option value>Massachusetts</option><option value>Michigan</option><option value>Minnesota</option><option value>Mississippi</option><option value>Missouri</option><option value>Montana</option><option value>Nebraska</option><option value>Nevada</option><option value>New Hampshire</option><option value>New Jersey</option><option value>New Mexico</option><option value>New York</option><option value>North Carolina</option><option value>North Dakota</option><option value>Ohio</option><option value>Oklahoma</option><option value>Oregon</option><option value>Pennsylvania</option><option value>Rhode Island</option><option value>South Carolina</option><option value>South Dakota</option><option value>Tennessee</option><option value>Texas</option><option value>Utah</option><option value>Vermont</option><option value>Virginia</option><option value>Washington</option><option value>Wisconsin</option><option value>Wyoming</option></select></td></tr>';
if (zip == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Zip: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text5 name=txtZip></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Zip: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text5 name=txtZip value=' + zip + '></td></tr>';

}
strHtml = strHtml + '<tr><td>Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text6 name=txtPhone value=' + phone + '></td></tr>';

strHtml = strHtml + '<tr><td>Work Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text7 name=txtWPhone value=' + wPhone + '></td></tr>';

strHtml = strHtml + '<tr><td>Cell Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text8 name=txtCPhone value=' + cPhone + '></td></tr>';

strHtml = strHtml + '<tr><td>Fax: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text9 name=txtFax value=' + fax + '></td></tr>';

if (email.indexOf(&quot;@&quot;) == &quot;-1&quot; ||
email.indexOf(&quot;.&quot;) == &quot;-1&quot; ||
email == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Email: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text10 name=txtEmail></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Email: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text10 name=txtEmail value=' + email + '></td></tr>';

}
if (userName == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>User Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text11 name=txtUserName></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>User Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text11 name=txtUserName value=' + userName + '></td></tr>';

}
if (password == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Password: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;password&quot; id=text12 name=txtpassword></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Password: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;password&quot; id=text12 name=txtPassword value=' + password + '></td></tr>';

}
if (passwordHint == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Password Hint: </font></td>';
strHtml = strHtmlL + '<td><INPUT type=&quot;text&quot; id=text13 name=txtPasswordHint></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Password Hint: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text13 name=txtPasswordHint value=' + passwordHint + '></td></tr>';

}

//if counter >0 do not allow submit, resubmit page to self to allow user to complete form
//else allow submit
if (counter > 0)
{
strHtml = strHtml + '<h3><font color=&quot;#ff0000&quot;>The fields in red are required.</font></h3>';
strHtml = strHtml + '<tr><td><INPUT type=&quot;submit&quot; value=&quot;Submit&quot; id=submit2 name=submit2></td></tr>';
strHtml = strHtml + '</table></form>';
document.form1.innerHTML = strHtml;
return false;
//reset counter
counter = 0;
}
else
{
return true;
}


document.write('</table></form>');

}
</script>

<body>
<form name=&quot;frmProfile&quot; id=&quot;form1&quot; onSubmit=&quot;return isReady(this)&quot; method=&quot;get&quot; action=&quot;addUser.asp&quot;>
<h3 align=&quot;center&quot;> Please enter your contact information. The fields with a red asterisk are required.</h3>
<p align=&quot;center&quot;><br>&nbsp;<br>
<table style=&quot;WIDTH: 305px; HEIGHT: 875px&quot; cellSpacing=&quot;2&quot; cellPadding=&quot;2&quot; width=&quot;305&quot; align=&quot;center&quot; border=&quot;0&quot; id=&quot;TABLE1&quot;>

<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>
<p>First Name: </p></td>
<td><input id=&quot;text1&quot; name=&quot;txtfName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Last Name:</td>
<td><input id=&quot;text2&quot; name=&quot;txtlName&quot;></td></tr>
<tr>
<td>&nbsp;</td>
<td>Address:</td>
<td><input id=&quot;text3&quot; name=&quot;txtAddress&quot;></td></tr>
<tr>
<td>&nbsp;</td>
<td>City:</td>
<td><input id=&quot;text4&quot; name=&quot;txtCity&quot;></td></tr>
<tr>
<td>&nbsp;</td>
<td>State:</td>
<td><select id=&quot;select1&quot; name=&quot;txtState&quot;> <option value selected>Alabama</option><option value>Alaska</option><option value>Arizona</option><option value>Arkansas</option><option value>California</option><option value>Colorado</option><option value>Connecticut</option><option value>Delaware</option><option value>District of
Columbia</option><option value>Florida</option><option value>Georgia</option><option value>Hawaii</option><option value>Idaho</option><option value>Illinois</option><option value>Indiana</option><option value>Iowa</option><option value>Kansas</option><option value>Kentucky</option><option value>Louisiana</option><option value>Maine</option><option value>Maryland</option><option value>Massachusetts</option><option value>Michigan</option><option value>Minnesota</option><option value>Mississippi</option><option value>Missouri</option><option value>Montana</option><option value>Nebraska</option><option value>Nevada</option><option value>New Hampshire</option><option value>New
Jersey</option><option value>New Mexico</option><option value>New York</option><option value>North
Carolina</option><option value>North Dakota</option><option value>Ohio</option><option value>Oklahoma</option><option value>Oregon</option><option value>Pennsylvania</option><option value>Rhode
Island</option><option value>South Carolina</option><option value>South Dakota</option><option value>Tennessee</option><option value>Texas</option><option value>Utah</option><option value>Vermont</option><option value>Virginia</option><option value>Washington</option><option value>Wisconsin</option><option value>Wyoming</option><option value></option></select></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Zip:</td>
<td><input id=&quot;text6&quot; name=&quot;txtZip&quot;></td></tr>
<tr>
<td>&nbsp;</td>
<td>Home Phone:</td>
<td><input id=&quot;text7&quot; name=&quot;txtPhone&quot;></td></tr>
<tr>
<td>&nbsp;</td>
<td>Work Phone:</td>
<td><input id=&quot;text8&quot; name=&quot;txtWPhone&quot;></td></tr>
<tr>
<td>&nbsp;</td>
<td>Cell Phone:</td>
<td><input id=&quot;text9&quot; name=&quot;txtCPhone&quot;></td></tr>
<tr>
<td>&nbsp;</td>
<td>Fax:</td>
<td><input id=&quot;text10&quot; name=&quot;txtFax&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Email:</td>
<td><input id=&quot;text11&quot; name=&quot;txtEmail&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>User Name:</td>
<td><input id=&quot;text12&quot; name=&quot;txtUserName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Password:</td>
<td><input id=&quot;password1&quot; type=&quot;password&quot; name=&quot;txtPassword&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Confirm Password:</td>
<td><input id=&quot;password2&quot; type=&quot;password&quot; name=&quot;txtConfPassword&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Password Hint:</td>
<td><input id=&quot;text13&quot; name=&quot;txtPasswordHint&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Career Level:&nbsp;</td>
<td>
<select name=&quot;selCareerLevel&quot;>
<option value=&quot;1&quot; selected>Student</option>
<option value=&quot;2&quot;>Entry Level</option>
<option value=&quot;3&quot;>Mid Career</option>
<option value=&quot;4&quot;>Management</option>
<option value=&quot;5&quot;>Executive</option>
<option value=&quot;6&quot;>Senior Executive</option>
</select>
</td></tr>
</table><br><br>
<input type=&quot;reset&quot; value=&quot;Clear&quot; id=&quot;reset1&quot; name=&quot;btnClear&quot;>&nbsp;&nbsp;&nbsp;&nbsp;
<input type=&quot;image&quot; src=&quot;images/img_Submit.gif&quot; value=&quot;Submit&quot; id=&quot;submit1&quot; name=&quot;btnSubmit&quot; WIDTH=&quot;94&quot; HEIGHT=&quot;46&quot;>
</p>
</form>
 
Here is the workable code.

You had a few problems:
1)one instance of strHtml was spelled strHtmlL
2) The script was in between the </head> and the <body> tag so I put in between the <head> and </head>
3) when you rewrote the innerhtml for the form, the input for the password was
strHtml = strHtml + '<td><INPUT type=&quot;password&quot; id=text12 name=txtpassword></td></tr>';
and should have been
<input id=&quot;password1&quot; type=&quot;password&quot; name=&quot;txtPassword&quot;>
SInce javascript is case sensitive it didn't recognize the object
4)You were also looking for the following object
<input id=&quot;password2&quot; type=&quot;password&quot; name=&quot;txtConfPassword&quot;>
which was not rewritten using the innerHTML.
This also threw a javascript error.
So I added it back in since it was a required field

Once these errors were fixed the page worked like you said you wanted. Let me know if it works for you

Here is the code

<html>
<head>
<meta NAME=&quot;GENERATOR&quot; Content=&quot;Microsoft Visual Studio 6.0&quot;>
<title></title>

<script language=&quot;JavaScript&quot;>
function isReady(form)
{
//confirm that password was typed correctly both times
if (form.txtPassword.value != form.txtConfPassword.value)
{
alert(&quot;Password and Confirm Password did not match.&quot;);
return false;
}

//put values of textboxes into variables for ease in comparison
var fName;
fName = form.txtfName.value;
var lName;
lName = form.txtlName.value;
var address;
address = form.txtAddress.value;
var city;
city = form.txtCity.value;
var state;
state = form.txtState.value;
var zip;
zip = form.txtZip.value;
var phone;
phone = form.txtPhone.value;
var wPhone;
wPhone = form.txtWPhone.value;
var cPhone;
cPhone = form.txtCPhone.value;
var fax;
fax = form.txtFax.value;
var email;
email = form.txtEmail.value;
var userName;
userName = form.txtUserName.value;
var password;
password = form.txtPassword.value;
var passwordHint;
passwordHint = form.txtPasswordHint.value;
var ConfirmPassword;
ConfirmPassword = form.txtConfPassword.value;


//rewrite form including all filled in textboxes,
//with the empty required ones' labels red
//if counter = 0 then submit, else submit to function again.

document.form1.innerHTML = &quot;&quot;;

var counter;
counter = 0;
var strHtml;
strHtml=&quot;&quot;
strHtml = strHtml + '<table style=&quot;WIDTH: 305px; HEIGHT: 875px&quot; cellSpacing=&quot;2&quot; cellPadding=&quot;2&quot; width=&quot;305&quot; align=&quot;center&quot; border=&quot;0&quot; id=&quot;TABLE1&quot;>';
if (fName == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>First Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtfName></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>First Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtfName value=' + fName + '></td></tr>';
}
if (lName == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Last Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text2 name=txtlName></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Last Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text2 name=txtlName value=' + lName + '></td></tr>';

}

strHtml = strHtml + '<tr><td>Address: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text3 name=txtAddress value=' + address + '></td></tr>';

strHtml = strHtml + '<tr><td>City: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text4 name=txtCity value=' + city + '></td></tr>';

strHtml = strHtml + '<tr><td>State: </td>';
strHtml = strHtml + '<td><select id=&quot;select1&quot; name=&quot;txtState&quot; value=' + state + '> <option value>Alabama</option><option value>Alaska</option><option value>Arizona</option><option value>Arkansas</option><option value>California</option><option value>Colorado</option><option value>Connecticut</option><option value>Delaware</option><option value>District of Columbia</option><option value>Florida</option><option value>Georgia</option><option value>Hawaii</option><option value>Idaho</option><option value>Illinois</option><option value>Indiana</option><option value>Iowa</option><option value>Kansas</option><option value>Kentucky</option><option value>Louisiana</option><option value>Maine</option><option value>Maryland</option><option value>Massachusetts</option><option value>Michigan</option><option value>Minnesota</option><option value>Mississippi</option><option value>Missouri</option><option value>Montana</option><option value>Nebraska</option><option value>Nevada</option><option value>New Hampshire</option><option value>New Jersey</option><option value>New Mexico</option><option value>New York</option><option value>North Carolina</option><option value>North Dakota</option><option value>Ohio</option><option value>Oklahoma</option><option value>Oregon</option><option value>Pennsylvania</option><option value>Rhode Island</option><option value>South Carolina</option><option value>South Dakota</option><option value>Tennessee</option><option value>Texas</option><option value>Utah</option><option value>Vermont</option><option value>Virginia</option><option value>Washington</option><option value>Wisconsin</option><option value>Wyoming</option></select></td></tr>';
if (zip == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Zip: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text5 name=txtZip></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Zip: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text5 name=txtZip value=' + zip + '></td></tr>';

}
strHtml = strHtml + '<tr><td>Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text6 name=txtPhone value=' + phone + '></td></tr>';

strHtml = strHtml + '<tr><td>Work Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text7 name=txtWPhone value=' + wPhone + '></td></tr>';

strHtml = strHtml + '<tr><td>Cell Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text8 name=txtCPhone value=' + cPhone + '></td></tr>';

strHtml = strHtml + '<tr><td>Fax: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text9 name=txtFax value=' + fax + '></td></tr>';

if (email.indexOf(&quot;@&quot;) == &quot;-1&quot; ||
email.indexOf(&quot;.&quot;) == &quot;-1&quot; ||
email == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Email: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text10 name=txtEmail></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Email: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text10 name=txtEmail value=' + email + '></td></tr>';

}
if (userName == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>User Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text11 name=txtUserName></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>User Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text11 name=txtUserName value=' + userName + '></td></tr>';

}
if (password == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Password: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;password&quot; id=password1 name=txtPassword></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Password: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;password&quot; id=password1 name=txtPassword value=' + password + '></td></tr>';

}

if (ConfirmPassword == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Confirm Password: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;password&quot; id=password2 name=txtConfPassword></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Confirm Password: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;password&quot; id=password2 name=txtConfPassword value=' + ConfirmPassword + '></td></tr>';

}

if (passwordHint == &quot;&quot;)
{
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Password Hint: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text13 name=txtPasswordHint></td></tr>';
counter = counter + 1;
}
else
{
strHtml = strHtml + '<tr><td>Password Hint: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text13 name=txtPasswordHint value=' + passwordHint + '></td></tr>';

}

//if counter >0 do not allow submit, resubmit page to self to allow user to complete form
//else allow submit
if (counter > 0)
{
strHtml = strHtml + '<h3><font color=&quot;#ff0000&quot;>The fields in red are required.</font></h3>';
strHtml = strHtml + '<tr><td><INPUT type=&quot;submit&quot; value=&quot;Submit&quot; id=submit2 name=submit2></td></tr>';
strHtml = strHtml + '</table></form>';
document.form1.innerHTML = strHtml;

return false;
//reset counter
counter = 0;
}
else
{
return true;
}




}
</script>
</head>
<body>
<form name=&quot;frmProfile&quot; id=&quot;form1&quot; onSubmit=&quot;return isReady(this)&quot; method=&quot;get&quot; action=&quot;addUser.asp&quot;>
<h3 align=&quot;center&quot;> Please enter your contact information. The fields with a red asterisk are required.</h3>
<p align=&quot;center&quot;><br> <br>
<table style=&quot;WIDTH: 305px; HEIGHT: 875px&quot; cellSpacing=&quot;2&quot; cellPadding=&quot;2&quot; width=&quot;305&quot; align=&quot;center&quot; border=&quot;0&quot; id=&quot;TABLE1&quot;>

<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>
<p>First Name: </p></td>
<td><input id=&quot;text1&quot; name=&quot;txtfName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Last Name:</td>
<td><input id=&quot;text2&quot; name=&quot;txtlName&quot;></td></tr>
<tr>
<td> </td>
<td>Address:</td>
<td><input id=&quot;text3&quot; name=&quot;txtAddress&quot;></td></tr>
<tr>
<td> </td>
<td>City:</td>
<td><input id=&quot;text4&quot; name=&quot;txtCity&quot;></td></tr>
<tr>
<td> </td>
<td>State:</td>
<td><select id=&quot;select1&quot; name=&quot;txtState&quot;> <option value selected>Alabama</option><option value>Alaska</option><option value>Arizona</option><option value>Arkansas</option><option value>California</option><option value>Colorado</option><option value>Connecticut</option><option value>Delaware</option><option value>District of
Columbia</option><option value>Florida</option><option value>Georgia</option><option value>Hawaii</option><option value>Idaho</option><option value>Illinois</option><option value>Indiana</option><option value>Iowa</option><option value>Kansas</option><option value>Kentucky</option><option value>Louisiana</option><option value>Maine</option><option value>Maryland</option><option value>Massachusetts</option><option value>Michigan</option><option value>Minnesota</option><option value>Mississippi</option><option value>Missouri</option><option value>Montana</option><option value>Nebraska</option><option value>Nevada</option><option value>New Hampshire</option><option value>New
Jersey</option><option value>New Mexico</option><option value>New York</option><option value>North
Carolina</option><option value>North Dakota</option><option value>Ohio</option><option value>Oklahoma</option><option value>Oregon</option><option value>Pennsylvania</option><option value>Rhode
Island</option><option value>South Carolina</option><option value>South Dakota</option><option value>Tennessee</option><option value>Texas</option><option value>Utah</option><option value>Vermont</option><option value>Virginia</option><option value>Washington</option><option value>Wisconsin</option><option value>Wyoming</option><option value></option></select></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Zip:</td>
<td><input id=&quot;text6&quot; name=&quot;txtZip&quot;></td></tr>
<tr>
<td> </td>
<td>Home Phone:</td>
<td><input id=&quot;text7&quot; name=&quot;txtPhone&quot;></td></tr>
<tr>
<td> </td>
<td>Work Phone:</td>
<td><input id=&quot;text8&quot; name=&quot;txtWPhone&quot;></td></tr>
<tr>
<td> </td>
<td>Cell Phone:</td>
<td><input id=&quot;text9&quot; name=&quot;txtCPhone&quot;></td></tr>
<tr>
<td> </td>
<td>Fax:</td>
<td><input id=&quot;text10&quot; name=&quot;txtFax&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Email:</td>
<td><input id=&quot;text11&quot; name=&quot;txtEmail&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>User Name:</td>
<td><input id=&quot;text12&quot; name=&quot;txtUserName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Password:</td>
<td><input id=&quot;password1&quot; type=&quot;password&quot; name=&quot;txtPassword&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Confirm Password:</td>
<td><input id=&quot;password2&quot; type=&quot;password&quot; name=&quot;txtConfPassword&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Password Hint:</td>
<td><input id=&quot;text13&quot; name=&quot;txtPasswordHint&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Career Level: </td>
<td>
<select name=&quot;selCareerLevel&quot;>
<option value=&quot;1&quot; selected>Student</option>
<option value=&quot;2&quot;>Entry Level</option>
<option value=&quot;3&quot;>Mid Career</option>
<option value=&quot;4&quot;>Management</option>
<option value=&quot;5&quot;>Executive</option>
<option value=&quot;6&quot;>Senior Executive</option>
</select>
</td></tr>
</table><br><br>
<input type=&quot;reset&quot; value=&quot;Clear&quot; id=&quot;reset1&quot; name=&quot;btnClear&quot;>
<input type=&quot;image&quot; src=&quot;images/img_Submit.gif&quot; value=&quot;Submit&quot; id=&quot;submit1&quot; name=&quot;btnSubmit&quot; WIDTH=&quot;94&quot; HEIGHT=&quot;46&quot;>
</p>
</form>
 
I really appreciate all the trouble you're taking.
It still doesn't work.
I was not able to paste your code directly into mine, because it turned all the < into &lt; or something like that, so I found the strHtmlL, I fixed the txtPassword, I added in the txtConfPassword, and I put it between the header tags.
Any other ideas?
 
copy the code and paste into notepad first then paste it into interdev
 
copy the code and paste into notepad first then copy it from notepad and paste it into interdev
 
Wow!!!!!!

Thanks a million!
I've been trying unsuccessfully for MONTHS to get this to work, and you did it!

Hats off to you!
 
SarkMan,

Could I impose on you just one more time, please?
I have an almost identical page for the employer to fill out, and I did exactly the same thing, and again, the page is not even going to the function.

Would you be able to please find my mistake again, or tell me how I can find it and what I was doing wrong before?

Thanks a bunch.

<script language=&quot;JavaScript&quot;>
function isReady(form)
{
//confirm that password was typed correctly both times
if (form.txtEmpPassword.value != form.txtConfirmPassword.value)
{
alert(&quot;Password and Confirm Password did not match.&quot;);
return false;
}

//create variables for textbox values for ease in comparison
var empFName;
empFName = form.txtEmpFName.value;
var empLName;
empLName = form.txtEmpLName.value;
var coName;
coName = form.txtCoName.value;
var coAddress;
coAddress = form.txtCoAddress.value;
var coState;
coState = form.txtCoState.value;
var coZip;
coZip = form.txtCoZip.value;
var empPhone;
empPhone = form.txtEmpPhone.value;
var empCellPhone;
empCellPhone = form.txtEmpCellPhone.value;
var empFax;
empFax = form.txtEmpFax.value;
var empEmail;
empEmail = form.txtEmpEmail.value;
var empUserName;
empUserName = form.txtEmpUserName.value;
var empPassword;
empPassword = form.txtEmpPassword.value;
var confPassword;
confPassword = form.txtConfirmPassword.value;
var passwordHint;
passwordHint = form.txtPasswordHint.value;
var sameBilling;
sameBilling = form.chkSameBilling.value;
var billingFName;
billingFName = form.txtBillingFName.value;
var billingLName;
billingLName = form.txtBillingLName.value;
var billingAddress;
billingAddress = form.txtBillingAddress.value;
var billingCity;
billingCity = form.txtBillingCity.value;
var billingState;
billingState = form.txtBillingState.value;
var billingZip;
billingZip = form.txtBillingZip.value;
var creditCard;
creditCard = form.txtCreditCard.value;

//take care of check box if values are the same
if (sameBilling = &quot;true&quot;)
billingFName = empFName;
billingLName = empLName;
billingAddress = coAddress;
billingCity = coCity;
billingState = coState;
billingZip = coZip;

//create string to hold inner html
//create counter
var counter;
counter = 0;
var stringHtml;
stringHtml = &quot;&quot;;
strHtml = strHtml + '<table style=&quot;WIDTH: 305px; HEIGHT: 875px&quot; cellSpacing=&quot;2&quot; cellPadding=&quot;2&quot; width=&quot;305&quot; align=&quot;center&quot; border=&quot;0&quot; id=&quot;TABLE1&quot;>';
if (empFName == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>First Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtEmpFName></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>First Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtEmpFName value=' + empFName + '></td></tr>';
}
if (empLName == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Last Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text2 name=txtEmpLName></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Last Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text2 name=txtEmpLName value=' + empLName + '></td></tr>';
}
if (coName == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Company Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text3 name=txtCoName></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Company Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text3 name=txtCoName value=' + coName + '></td></tr>';
}
if (coAddress == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Company Address: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text4 name=txtCoAddress></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Company Address: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text4 name=txtCoAddress value=' + coAddress + '></td></tr>';
}
if (coState == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Company State: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;select&quot; id=select1 name=txtCoState><option value>Alabama</option><option value>Alaska</option><option value>Arizona</option><option value>Arkansas</option><option value>California</option><option value>Colorado</option><option value>Connecticut</option><option value>Delaware</option><option value>District of Columbia</option><option value>Florida</option><option value>Georgia</option><option value>Hawaii</option><option value>Idaho</option><option value>Illinois</option><option value>Indiana</option><option value>Iowa</option><option value>Kansas</option><option value>Kentucky</option><option value>Louisiana</option><option value>Maine</option><option value>Maryland</option><option value>Massachusetts</option><option value>Michigan</option><option value>Minnesota</option><option value>Mississippi</option><option value>Missouri</option><option value>Montana</option><option value>Nebraska</option><option value>Nevada</option><option value>New Hampshire</option><option value>New Jersey</option><option value>New Mexico</option><option value>New York</option><option value>North Carolina</option><option value>North Dakota</option><option value>Ohio</option><option value>Oklahoma</option><option value>Oregon</option><option value>Pennsylvania</option><option value>Rhode Island</option><option value>South Carolina</option><option value>South Dakota</option><option value>Tennessee</option><option value>Texas</option><option value>Utah</option><option value>Vermont</option><option value>Virginia</option><option value>Washington</option><option value>Wisconsin</option><option value>Wyoming</option></select></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Company State: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;select&quot; id=select1 name=txtCoState value=' + coState + '> <option value>Alabama</option><option value>Alaska</option><option value>Arizona</option><option value>Arkansas</option><option value>California</option><option value>Colorado</option><option value>Connecticut</option><option value>Delaware</option><option value>District of Columbia</option><option value>Florida</option><option value>Georgia</option><option value>Hawaii</option><option value>Idaho</option><option value>Illinois</option><option value>Indiana</option><option value>Iowa</option><option value>Kansas</option><option value>Kentucky</option><option value>Louisiana</option><option value>Maine</option><option value>Maryland</option><option value>Massachusetts</option><option value>Michigan</option><option value>Minnesota</option><option value>Mississippi</option><option value>Missouri</option><option value>Montana</option><option value>Nebraska</option><option value>Nevada</option><option value>New Hampshire</option><option value>New Jersey</option><option value>New Mexico</option><option value>New York</option><option value>North Carolina</option><option value>North Dakota</option><option value>Ohio</option><option value>Oklahoma</option><option value>Oregon</option><option value>Pennsylvania</option><option value>Rhode Island</option><option value>South Carolina</option><option value>South Dakota</option><option value>Tennessee</option><option value>Texas</option><option value>Utah</option><option value>Vermont</option><option value>Virginia</option><option value>Washington</option><option value>Wisconsin</option><option value>Wyoming</option></select></td></tr>';
}
if (coZip == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Company Zip: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text5 name=txtCoZip></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Company Zip: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text5 name=txtCoZip value=' + coZip + '></td></tr>';
}
if (empPhone == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Contact Phone: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text6 name=txtEmpPhone></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Contact Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text6 name=txtEmpPhone value=' + empPhone + '></td></tr>';
}
strHtml = strHtml + '<tr><td>Cell Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text7 name=txtEmpCellPhone value=' + empCellPhone + '></td></tr>';

strHtml = strHtml + '<tr><td>Fax: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text7 name=txtEmpFax value=' + empFax + '></td></tr>';


if (empEmail.indexOf(&quot;@&quot;) == -1 ||
empEmail.indexOf(&quot;.&quot;) == -1 ||
empEmail == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Email: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text8 name=txtEmpEmail></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Email: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text8 name=txtEmpEmail value=' + empEmail + '></td></tr>';
}
if (empUserName == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>User Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text9 name=txtEmpUserName></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>User Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text9 name=txtEmpUserName value=' + empUserName + '></td></tr>';
}
if (empPassword == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Password: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text10 name=txtEmpPassword></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Password: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text10 name=txtEmpPassword value=' + empPassword + '></td></tr>';
}
if (confPassword == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Confirm Password: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text11 name=txtConfirmPassword></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Confirm Password: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text11 name=txtConfirmPassword value=' + confPassword + '></td></tr>';
}
if (passwordHint == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Password Hint: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text12 name=txtPasswordHint></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Password Hint: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text12 name=txtPasswordHint value=' + passwordHint + '></td></tr>';
}
if (billingFName == &quot;&quot; || billingLName == &quot;&quot; || billingAddress == &quot;&quot; || billingCity == &quot;&quot; || billingState == &quot;&quot; || billingZip == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Please include your billing information or check the box.</font></td>';
strHtml = strHtml + '<td><input type=&quot;checkbox&quot; id=checkbox1 name=&quot;chkSameBilling&quot; value=&quot;true&quot;></td></tr>';
counter = counter + 1;
}
strHtml = strHtml + '<tr><td>Billing First Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text13 name=txtBillingFName value=' + billingFName + '></td></tr>';

strHtml = strHtml + '<tr><td>Last Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text14 name=txtBillingLName value=' + billingLName + '></td></tr>';

strHtml = strHtml + '<tr><td>Billing Address: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text15 name=txtBillingAddress value=' + billingAddress + '></td></tr>';

strHtml = strHtml + '<tr><td>Billing City: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text16 name=txtBillingCity value=' + billingCity + '></td></tr>';


strHtml = strHtml + '<tr><td>Billing State: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;select&quot; id=select2 name=txtBillingState value=' + billingState + '> <option value>Alabama</option><option value>Alaska</option><option value>Arizona</option><option value>Arkansas</option><option value>California</option><option value>Colorado</option><option value>Connecticut</option><option value>Delaware</option><option value>District of Columbia</option><option value>Florida</option><option value>Georgia</option><option value>Hawaii</option><option value>Idaho</option><option value>Illinois</option><option value>Indiana</option><option value>Iowa</option><option value>Kansas</option><option value>Kentucky</option><option value>Louisiana</option><option value>Maine</option><option value>Maryland</option><option value>Massachusetts</option><option value>Michigan</option><option value>Minnesota</option><option value>Mississippi</option><option value>Missouri</option><option value>Montana</option><option value>Nebraska</option><option value>Nevada</option><option value>New Hampshire</option><option value>New Jersey</option><option value>New Mexico</option><option value>New York</option><option value>North Carolina</option><option value>North Dakota</option><option value>Ohio</option><option value>Oklahoma</option><option value>Oregon</option><option value>Pennsylvania</option><option value>Rhode Island</option><option value>South Carolina</option><option value>South Dakota</option><option value>Tennessee</option><option value>Texas</option><option value>Utah</option><option value>Vermont</option><option value>Virginia</option><option value>Washington</option><option value>Wisconsin</option><option value>Wyoming</option></select></td></tr>';

strHtml = strHtml + '<tr><td>Billing Zip: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text17 name=txtBillingZip value=' + billingZip + '></td></tr>';

if (creditCard == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Credit Card: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text18 name=txtCreditCard></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Credit Card: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtCreditCard value=' + creditCard + '></td></tr>';
}

//if string is not empty, display contents and do not allow submit
if (counter > 0){
strHtml = strHtml + '<h3><font color=&quot;#ff0000&quot;>The fields in red are required.</font></h3>';
strHtml = strHtml + '<tr><td><INPUT type=&quot;image&quot; src=&quot;images/img_Submit.gif&quot; value=&quot;Submit&quot; id=submit2 name=submit2></td></tr>';
strHtml = strHtml + '</table>';
document.form1.innerHTML = strHtml;
return false;
}
else
return true;

}
</script>
</head>
<body>

<form action=&quot;addEmployee.asp&quot; method=&quot;get&quot; name=&quot;frmEmployer&quot; onSubmit=&quot;return isReady(this)&quot;></p>

<p>&nbsp;</p>
<p>
<table align=&quot;center&quot;>

<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>First Name: </td>
<td><input id=&quot;text1&quot; name=&quot;txtEmpFName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Last Name: </td>
<td><input id=&quot;text2&quot; name=&quot;txtEmpLName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Company Name: </td>
<td><input id=&quot;text3&quot; name=&quot;txtCoName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Company Address: </td>
<td><input id=&quot;text4&quot; name=&quot;txtCoAddress&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>City: </td>
<td><input id=&quot;text5&quot; name=&quot;txtCoCity&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>State: </td>
<td><select id=&quot;select1&quot; name=&quot;txtCoState&quot; style=&quot;WIDTH: 155px&quot;> <option value selected>Alabama</option><option value>Alaska</option><option value>Arizona</option><option value>Arkansas</option><option value>California</option><option value>Colorado</option><option value>Connecticut</option><option value>Delaware</option><option value>District of
Columbia</option><option value>Florida</option><option value>Georgia</option><option value>Hawaii</option><option value>Idaho</option><option value>Illinois</option><option value>Indiana</option><option value>Iowa</option><option value>Kansas</option><option value>Kentucky</option><option value>Louisiana</option><option value>Maine</option><option value>Maryland</option><option value>Massachusetts</option><option value>Michigan</option><option value>Minnesota</option><option value>Mississippi</option><option value>Missouri</option><option value>Montana</option><option value>Nebraska</option><option value>Nevada</option><option value>New Hampshire</option><option value>New
Jersey</option><option value>New Mexico</option><option value>New York</option><option value>North
Carolina</option><option value>North Dakota</option><option value>Ohio</option><option value>Oklahoma</option><option value>Oregon</option><option value>Pennsylvania</option><option value>Rhode
Island</option><option value>South Carolina</option><option value>South Dakota</option><option value>Tennessee</option><option value>Texas</option><option value>Utah</option><option value>Vermont</option><option value>Virginia</option><option value>Washington</option><option value>Wisconsin</option><option value>Wyoming</option><option value></option></select></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Zip: </td>
<td><input id=&quot;text7&quot; name=&quot;txtCoZip&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Contact Phone: </td>
<td><input id=&quot;text8&quot; name=&quot;txtEmpPhone&quot;></td></tr>
<tr>
<td> </td>
<td>Cell Phone: </td>
<td><input id=&quot;text9&quot; name=&quot;txtEmpCellPhone&quot;></td></tr>
<tr>
<td> </td>
<td>Fax: </td>
<td><input id=&quot;text10&quot; name=&quot;txtEmpFax&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Email: </td>
<td><input id=&quot;text11&quot; name=&quot;txtEmpEmail&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>User Name: </td>
<td><input id=&quot;text12&quot; name=&quot;txtEmpUserName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Password: </td>
<td><input type=&quot;password&quot; id=&quot;password1&quot; name=&quot;txtEmpPassword&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Confirm Password: </td>
<td><input type=&quot;password&quot; id=&quot;password2&quot; name=&quot;txtConfirmPassword&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Password Hint: </td>
<td><input id=&quot;text15&quot; name=&quot;txtPasswordHint&quot;></td></tr></table></p>

<h3 align=&quot;center&quot;>Check if billing information is the same as above.
<input type=&quot;checkbox&quot; id=&quot;checkbox1&quot; name=&quot;chkSameBilling&quot;>
</h3>
<table ALIGN=&quot;center&quot;>
<tr>
<td></td>
<td>Billing First Name: </td>
<td><input id=&quot;text13&quot; name=&quot;txtBillingFName&quot;></td>
</tr>
<tr>
<td></td>
<td>Last Name: </td>
<td><input id=&quot;text14&quot; name=&quot;txtBillingLName&quot;></td>
</tr>
<tr>
<td></td>
<td>Billing Address: </td>
<td><input id=&quot;text16&quot; name=&quot;txtBillingAddress&quot;></td>
</tr>
<tr>
<td></td>
<td>Billing City: </td>
<td><input id=&quot;text17&quot; name=&quot;txtBillingCity&quot;></td>
</tr>
<tr>
<td></td>
<td>Billing State: </td>
<td><select id=&quot;select1&quot; name=&quot;txtBillingState&quot; style=&quot;WIDTH: 155px&quot;> <option value selected>Alabama</option><option value>Alaska</option><option value>Arizona</option><option value>Arkansas</option><option value>California</option><option value>Colorado</option><option value>Connecticut</option><option value>Delaware</option><option value>District of
Columbia</option><option value>Florida</option><option value>Georgia</option><option value>Hawaii</option><option value>Idaho</option><option value>Illinois</option><option value>Indiana</option><option value>Iowa</option><option value>Kansas</option><option value>Kentucky</option><option value>Louisiana</option><option value>Maine</option><option value>Maryland</option><option value>Massachusetts</option><option value>Michigan</option><option value>Minnesota</option><option value>Mississippi</option><option value>Missouri</option><option value>Montana</option><option value>Nebraska</option><option value>Nevada</option><option value>New Hampshire</option><option value>New
Jersey</option><option value>New Mexico</option><option value>New York</option><option value>North
Carolina</option><option value>North Dakota</option><option value>Ohio</option><option value>Oklahoma</option><option value>Oregon</option><option value>Pennsylvania</option><option value>Rhode
Island</option><option value>South Carolina</option><option value>South Dakota</option><option value>Tennessee</option><option value>Texas</option><option value>Utah</option><option value>Vermont</option><option value>Virginia</option><option value>Washington</option><option value>Wisconsin</option><option value>Wyoming</option><option value></option></select></td>
</tr>
<tr>
<td></td>
<td>Billing Zip: </td>
<td><input id=&quot;text19&quot; name=&quot;txtBillingZip&quot;></td>
</tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Credit Card Number: </td>
<td><input id=&quot;text20&quot; name=&quot;txtCreditCard&quot;></td>
</tr>
<tr>
<td></td>
<td><input type=&quot;reset&quot; value=&quot;Clear&quot; id=&quot;reset1&quot; name=&quot;reset1&quot;></td>
<td><input type=&quot;image&quot; src=&quot;images/img_Submit.gif&quot; value=&quot;Submit&quot; id=&quot;submit1&quot; name=&quot;submit1&quot; WIDTH=&quot;94&quot; HEIGHT=&quot;46&quot;></td></tr>
</table></form>
 
Try this


<%@ Language=VBScript %>
<HTML>
<HEAD>
<META NAME=&quot;GENERATOR&quot; Content=&quot;Microsoft Visual Studio 6.0&quot;>

<script language=&quot;JavaScript&quot;>
function isReady(form)
{
//confirm that password was typed correctly both times
if (form.txtEmpPassword.value != form.txtConfirmPassword.value)
{
alert(&quot;Password and Confirm Password did not match.&quot;);
return false;
}


//create variables for textbox values for ease in comparison
var empFName;
empFName = form.txtEmpFName.value;
var empLName;
empLName = form.txtEmpLName.value;
var coName;
coName = form.txtCoName.value;
var coAddress;
coAddress = form.txtCoAddress.value;
var coState;
coState = form.txtCoState.value;
var coZip;
coZip = form.txtCoZip.value;
var empPhone;
empPhone = form.txtEmpPhone.value;
var empCellPhone;
empCellPhone = form.txtEmpCellPhone.value;
var empFax;
empFax = form.txtEmpFax.value;
var empEmail;
empEmail = form.txtEmpEmail.value;
var empUserName;
empUserName = form.txtEmpUserName.value;
var empPassword;
empPassword = form.txtEmpPassword.value;
var confPassword;
confPassword = form.txtConfirmPassword.value;
var passwordHint;
passwordHint = form.txtPasswordHint.value;
var sameBilling;
sameBilling = form.chkSameBilling.checked;
var billingFName;
billingFName = form.txtBillingFName.value;
var billingLName;
billingLName = form.txtBillingLName.value;
var billingAddress;
billingAddress = form.txtBillingAddress.value;
var billingCity;
billingCity = form.txtBillingCity.value;
var billingState;
billingState = form.txtBillingState.value;
var billingZip;
billingZip = form.txtBillingZip.value;
var creditCard;
creditCard = form.txtCreditCard.value;
var coCity;
coCity=form.txtCoCity.value


//take care of check box if values are the same
if (sameBilling == true)
{
billingFName = empFName;
billingLName = empLName;
billingAddress = coAddress;
billingCity = coCity;
billingState = coState;
billingZip = coZip;
}
//create string to hold inner html
//create counter
var counter;
counter = 0;
var strHtml;
strHtml = &quot;&quot;;
strHtml = strHtml + '<table style=&quot;WIDTH: 305px; HEIGHT: 875px&quot; cellSpacing=&quot;2&quot; cellPadding=&quot;2&quot; width=&quot;305&quot; align=&quot;center&quot; border=&quot;0&quot; id=&quot;TABLE1&quot;>';
if (empFName == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>First Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtEmpFName></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>First Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtEmpFName value=' + empFName + '></td></tr>';
}
if (empLName == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Last Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text2 name=txtEmpLName></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Last Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text2 name=txtEmpLName value=' + empLName + '></td></tr>';
}
if (coName == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Company Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text3 name=txtCoName></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Company Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text3 name=txtCoName value=' + coName + '></td></tr>';
}
if (coAddress == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Company Address: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text4 name=txtCoAddress></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Company Address: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text4 name=txtCoAddress value=' + coAddress + '></td></tr>';
}
if (coState == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Company State: </font></td>';
strHtml = strHtml + '<td><select id=select1 name=txtCoState><option value selected>Alabama</option><option value=&quot;1&quot;>Alaska</option><option value=&quot;2&quot;>Arizona</option><option value=&quot;3&quot;>Arkansas</option><option value=&quot;4&quot;>California</option><option value=&quot;5&quot;>Colorado</option><option value=&quot;6&quot;>Connecticut</option><option value=&quot;7&quot;>Delaware</option><option value=&quot;8&quot;>District of Columbia</option><option value=&quot;9&quot;>Florida</option><option value=&quot;10&quot;>Georgia</option><option value=&quot;11&quot;>Hawaii</option><option value=&quot;12&quot;>Idaho</option><option value=&quot;13&quot;>Illinois</option><option value=&quot;14&quot;>Indiana</option><option value=&quot;15&quot;>Iowa</option><option value=&quot;16&quot;>Kansas</option><option value=&quot;17&quot;>Kentucky</option><option value=&quot;18&quot;>Louisiana</option><option value=&quot;19&quot;>Maine</option><option value=&quot;20&quot;>Maryland</option><option value=&quot;21&quot;>Massachusetts</option><option value=&quot;22&quot;>Michigan</option><option value=&quot;23&quot;>Minnesota</option><option value=&quot;24&quot;>Mississippi</option><option value=&quot;25&quot;>Missouri</option><option value=&quot;26&quot;>Montana</option><option value=&quot;27&quot;>Nebraska</option><option value=&quot;28&quot;>Nevada</option><option value=&quot;29&quot;>New Hampshire</option><option value=&quot;30&quot;>New Jersey</option><option value=&quot;31&quot;>New Mexico</option><option value=&quot;32&quot;>New York</option><option value=&quot;33&quot;>North Carolina</option><option value=&quot;34&quot;>North Dakota</option><option value=&quot;35&quot;>Ohio</option><option value=&quot;36&quot;>Oklahoma</option><option value=&quot;37&quot;>Oregon</option><option value=&quot;38&quot;>Pennsylvania</option><option value=&quot;39&quot;>Rhode Island</option><option value=&quot;40&quot;>South Carolina</option><option value=&quot;41&quot;>South Dakota</option><option value=&quot;42&quot;>Tennessee</option><option value=&quot;43&quot;>Texas</option><option value=&quot;44&quot;>Utah</option><option value=&quot;45&quot;>Vermont</option><option value=&quot;46&quot;>Virginia</option><option value=&quot;47&quot;>Washington</option><option value=&quot;48&quot;>Wisconsin</option><option value=&quot;49&quot;>Wyoming</option></select></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Company State: </td>';
strHtml = strHtml + '<td><select id=select1 name=txtCoState> <option value selected>Alabama</option><option value=&quot;1&quot;>Alaska</option><option value=&quot;2&quot;>Arizona</option><option value=&quot;3&quot;>Arkansas</option><option value=&quot;4&quot;>California</option><option value=&quot;5&quot;>Colorado</option><option value=&quot;6&quot;>Connecticut</option><option value=&quot;7&quot;>Delaware</option><option value=&quot;8&quot;>District of Columbia</option><option value=&quot;9&quot;>Florida</option><option value=&quot;10&quot;>Georgia</option><option value=&quot;11&quot;>Hawaii</option><option value=&quot;12&quot;>Idaho</option><option value=&quot;13&quot;>Illinois</option><option value=&quot;14&quot;>Indiana</option><option value=&quot;15&quot;>Iowa</option><option value=&quot;16&quot;>Kansas</option><option value=&quot;17&quot;>Kentucky</option><option value=&quot;18&quot;>Louisiana</option><option value=&quot;19&quot;>Maine</option><option value=&quot;20&quot;>Maryland</option><option value=&quot;21&quot;>Massachusetts</option><option value=&quot;22&quot;>Michigan</option><option value=&quot;23&quot;>Minnesota</option><option value=&quot;24&quot;>Mississippi</option><option value=&quot;25&quot;>Missouri</option><option value=&quot;26&quot;>Montana</option><option value=&quot;27&quot;>Nebraska</option><option value=&quot;28&quot;>Nevada</option><option value=&quot;29&quot;>New Hampshire</option><option value=&quot;30&quot;>New Jersey</option><option value=&quot;31&quot;>New Mexico</option><option value=&quot;32&quot;>New York</option><option value=&quot;33&quot;>North Carolina</option><option value=&quot;34&quot;>North Dakota</option><option value=&quot;35&quot;>Ohio</option><option value=&quot;36&quot;>Oklahoma</option><option value=&quot;37&quot;>Oregon</option><option value=&quot;38&quot;>Pennsylvania</option><option value=&quot;39&quot;>Rhode Island</option><option value=&quot;40&quot;>South Carolina</option><option value=&quot;41&quot;>South Dakota</option><option value=&quot;42&quot;>Tennessee</option><option value=&quot;43&quot;>Texas</option><option value=&quot;44&quot;>Utah</option><option value=&quot;45&quot;>Vermont</option><option value=&quot;46&quot;>Virginia</option><option value=&quot;47&quot;>Washington</option><option value=&quot;48&quot;>Wisconsin</option><option value=&quot;49&quot;>Wyoming</option></select></td></tr>';
}
if (coCity == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Company City: </font></td>';
strHtml = strHtml + '<td><input id=&quot;text5&quot; name=&quot;txtCoCity&quot;></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Company City:</td>';
strHtml = strHtml + '<td><input id=&quot;text5&quot; name=&quot;txtCoCity&quot; value=&quot;' + coCity +'&quot;></td></tr>';
}





if (coZip == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Company Zip: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text5 name=txtCoZip></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Company Zip: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text5 name=txtCoZip value=' + coZip + '></td></tr>';
}
if (empPhone == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Contact Phone: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text6 name=txtEmpPhone></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Contact Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text6 name=txtEmpPhone value=' + empPhone + '></td></tr>';
}
strHtml = strHtml + '<tr><td>Cell Phone: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text7 name=txtEmpCellPhone value=' + empCellPhone + '></td></tr>';

strHtml = strHtml + '<tr><td>Fax: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text7 name=txtEmpFax value=' + empFax + '></td></tr>';


if (empEmail.indexOf(&quot;@&quot;) == -1 ||
empEmail.indexOf(&quot;.&quot;) == -1 ||
empEmail == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Email: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text8 name=txtEmpEmail></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Email: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text8 name=txtEmpEmail value=' + empEmail + '></td></tr>';
}
if (empUserName == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>User Name: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text9 name=txtEmpUserName></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>User Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text9 name=txtEmpUserName value=' + empUserName + '></td></tr>';
}
if (empPassword == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Password: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text10 name=txtEmpPassword></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Password: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text10 name=txtEmpPassword value=' + empPassword + '></td></tr>';
}
if (confPassword == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Confirm Password: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text11 name=txtConfirmPassword></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Confirm Password: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text11 name=txtConfirmPassword value=' + confPassword + '></td></tr>';
}
if (passwordHint == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Password Hint: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text12 name=txtPasswordHint></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Password Hint: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text12 name=txtPasswordHint value=' + passwordHint + '></td></tr>';
}
if (billingFName == &quot;&quot; || billingLName == &quot;&quot; || billingAddress == &quot;&quot; || billingCity == &quot;&quot; || billingState == &quot;&quot; || billingZip == &quot;&quot;){
strHtml = strHtml + '<tr><td colspan=2><font color=&quot;#ff0000&quot;>Please include your billing information or check the box.</font></td></tr>';

counter = counter + 1;
}
if(sameBilling == true){
strHtml = strHtml + '<tr><td colspan=2 valign=top><table><tr><td valign=top><input type=&quot;checkbox&quot; id=checkbox1 name=&quot;chkSameBilling&quot; checked onclick=&quot;CopyInfo(this)&quot;></td><td><h4 align=&quot;left&quot;>Check if billing information is the same as above.</h4></td></tr></table></td></tr>';
}else
{
strHtml = strHtml + '<tr><td colspan=2 valign=top><table><tr><td valign=top><input type=&quot;checkbox&quot; id=checkbox1 name=&quot;chkSameBilling&quot; onclick=&quot;CopyInfo(this)&quot;></td><td><h4 align=&quot;left&quot;>Check if billing information is the same as above.</h4></td></tr></table></td></tr>';
}
strHtml = strHtml + '<tr><td>Billing First Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text13 name=txtBillingFName value=' + billingFName + '></td></tr>';

strHtml = strHtml + '<tr><td>Last Name: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text14 name=txtBillingLName value=' + billingLName + '></td></tr>';

strHtml = strHtml + '<tr><td>Billing Address: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text15 name=txtBillingAddress value=' + billingAddress + '></td></tr>';

strHtml = strHtml + '<tr><td>Billing City: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text16 name=txtBillingCity value=' + billingCity + '></td></tr>';


strHtml = strHtml + '<tr><td>Billing State: </td>';
strHtml = strHtml + '<td><select id=select2 name=txtBillingState><option value selected>Alabama</option><option value=&quot;1&quot;>Alaska</option><option value=&quot;2&quot;>Arizona</option><option value=&quot;3&quot;>Arkansas</option><option value=&quot;4&quot;>California</option><option value=&quot;5&quot;>Colorado</option><option value=&quot;6&quot;>Connecticut</option><option value=&quot;7&quot;>Delaware</option><option value=&quot;8&quot;>District of Columbia</option><option value=&quot;9&quot;>Florida</option><option value=&quot;10&quot;>Georgia</option><option value=&quot;11&quot;>Hawaii</option><option value=&quot;12&quot;>Idaho</option><option value=&quot;13&quot;>Illinois</option><option value=&quot;14&quot;>Indiana</option><option value=&quot;15&quot;>Iowa</option><option value=&quot;16&quot;>Kansas</option><option value=&quot;17&quot;>Kentucky</option><option value=&quot;18&quot;>Louisiana</option><option value=&quot;19&quot;>Maine</option><option value=&quot;20&quot;>Maryland</option><option value=&quot;21&quot;>Massachusetts</option><option value=&quot;22&quot;>Michigan</option><option value=&quot;23&quot;>Minnesota</option><option value=&quot;24&quot;>Mississippi</option><option value=&quot;25&quot;>Missouri</option><option value=&quot;26&quot;>Montana</option><option value=&quot;27&quot;>Nebraska</option><option value=&quot;28&quot;>Nevada</option><option value=&quot;29&quot;>New Hampshire</option><option value=&quot;30&quot;>New Jersey</option><option value=&quot;31&quot;>New Mexico</option><option value=&quot;32&quot;>New York</option><option value=&quot;33&quot;>North Carolina</option><option value=&quot;34&quot;>North Dakota</option><option value=&quot;35&quot;>Ohio</option><option value=&quot;36&quot;>Oklahoma</option><option value=&quot;37&quot;>Oregon</option><option value=&quot;38&quot;>Pennsylvania</option><option value=&quot;39&quot;>Rhode Island</option><option value=&quot;40&quot;>South Carolina</option><option value=&quot;41&quot;>South Dakota</option><option value=&quot;42&quot;>Tennessee</option><option value=&quot;43&quot;>Texas</option><option value=&quot;44&quot;>Utah</option><option value=&quot;45&quot;>Vermont</option><option value=&quot;46&quot;>Virginia</option><option value=&quot;47&quot;>Washington</option><option value=&quot;48&quot;>Wisconsin</option><option value=&quot;49&quot;>Wyoming</option><option value=&quot;50&quot;></option></select></td></tr>';

strHtml = strHtml + '<tr><td>Billing Zip: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text17 name=txtBillingZip value=' + billingZip + '></td></tr>';

if (creditCard == &quot;&quot;){
strHtml = strHtml + '<tr><td><font color=&quot;#ff0000&quot;>Credit Card: </font></td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text18 name=txtCreditCard></td></tr>';
counter = counter + 1;
}
else{
strHtml = strHtml + '<tr><td>Credit Card: </td>';
strHtml = strHtml + '<td><INPUT type=&quot;text&quot; id=text1 name=txtCreditCard value=' + creditCard + '></td></tr>';
}

//if string is not empty, display contents and do not allow submit
if (counter > 0){
strHtml = strHtml + '<h3><font color=&quot;#ff0000&quot;>The fields in red are required.</font></h3>';
strHtml = strHtml + '<tr><td><INPUT type=&quot;image&quot; src=&quot;images/img_Submit.gif&quot; value=&quot;Submit&quot; id=submit2 name=submit2></td></tr>';
strHtml = strHtml + '</table>';
document.frmEmployer.innerHTML = strHtml;
document.frmEmployer.txtCoState.selectedIndex= coState
document.frmEmployer.txtBillingState.selectedIndex= billingState
return false;
}
else
return true;

}
function CopyInfo(theField)
{
if(theField.checked==true)
{
frmEmployer.txtBillingFName.value=frmEmployer.txtEmpFName.value;
frmEmployer.txtBillingLName.value=frmEmployer.txtEmpLName.value;
frmEmployer.txtBillingAddress.value= frmEmployer.txtCoAddress.value;

frmEmployer.txtBillingCity.value=frmEmployer.txtCoCity.value;
frmEmployer.txtBillingZip.value=frmEmployer.txtCoZip.value;
frmEmployer.txtBillingState.selectedIndex=frmEmployer.txtCoState.selectedIndex;

}
}
</script>
</head>
<body>

<form action=&quot;addEmployee.asp&quot; method=&quot;get&quot; name=&quot;frmEmployer&quot; onSubmit=&quot;return isReady(this)&quot;></p>

<p> </p>
<p>
<table align=&quot;center&quot;>

<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>First Name: </td>
<td><input id=&quot;text1&quot; name=&quot;txtEmpFName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Last Name: </td>
<td><input id=&quot;text2&quot; name=&quot;txtEmpLName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Company Name: </td>
<td><input id=&quot;text3&quot; name=&quot;txtCoName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Company Address: </td>
<td><input id=&quot;text4&quot; name=&quot;txtCoAddress&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>City: </td>
<td><input id=&quot;text5&quot; name=&quot;txtCoCity&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>State: </td>
<td><select id=&quot;select1&quot; name=&quot;txtCoState&quot; style=&quot;WIDTH: 155px&quot;>
<option value selected>Alabama</option><option value=&quot;1&quot;>Alaska</option><option value=&quot;2&quot;>Arizona</option><option value=&quot;3&quot;>Arkansas</option><option value=&quot;4&quot;>California</option><option value=&quot;5&quot;>Colorado</option><option value=&quot;6&quot;>Connecticut</option><option value=&quot;7&quot;>Delaware</option><option value=&quot;8&quot;>District of
Columbia</option><option value=&quot;9&quot;>Florida</option><option value=&quot;10&quot;>Georgia</option><option value=&quot;11&quot;>Hawaii</option><option value=&quot;12&quot;>Idaho</option><option value=&quot;13&quot;>Illinois</option><option value=&quot;14&quot;>Indiana</option><option value=&quot;15&quot;>Iowa</option><option value=&quot;16&quot;>Kansas</option><option value=&quot;17&quot;>Kentucky</option><option value=&quot;18&quot;>Louisiana</option><option value=&quot;19&quot;>Maine</option><option value=&quot;20&quot;>Maryland</option><option value=&quot;21&quot;>Massachusetts</option><option value=&quot;22&quot;>Michigan</option><option value=&quot;23&quot;>Minnesota</option><option value=&quot;24&quot;>Mississippi</option><option value=&quot;25&quot;>Missouri</option><option value=&quot;26&quot;>Montana</option><option value=&quot;27&quot;>Nebraska</option><option value=&quot;28&quot;>Nevada</option><option value=&quot;29&quot;>New Hampshire</option><option value=&quot;30&quot;>New
Jersey</option><option value=&quot;31&quot;>New Mexico</option><option value=&quot;32&quot;>New York</option><option value=&quot;33&quot;>North
Carolina</option><option value=&quot;34&quot;>North Dakota</option><option value=&quot;35&quot;>Ohio</option><option value=&quot;36&quot;>Oklahoma</option><option value=&quot;37&quot;>Oregon</option><option value=&quot;38&quot;>Pennsylvania</option><option value=&quot;39&quot;>Rhode
Island</option><option value=&quot;40&quot;>South Carolina</option><option value=&quot;41&quot;>South Dakota</option><option value=&quot;42&quot;>Tennessee</option><option value=&quot;43&quot;>Texas</option><option value=&quot;44&quot;>Utah</option><option value=&quot;45&quot;>Vermont</option><option value=&quot;46&quot;>Virginia</option><option value=&quot;47&quot;>Washington</option><option value=&quot;48&quot;>Wisconsin</option><option value=&quot;49&quot;>Wyoming</option></select></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Zip: </td>
<td><input id=&quot;text7&quot; name=&quot;txtCoZip&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Contact Phone: </td>
<td><input id=&quot;text8&quot; name=&quot;txtEmpPhone&quot;></td></tr>
<tr>
<td> </td>
<td>Cell Phone: </td>
<td><input id=&quot;text9&quot; name=&quot;txtEmpCellPhone&quot;></td></tr>
<tr>
<td> </td>
<td>Fax: </td>
<td><input id=&quot;text10&quot; name=&quot;txtEmpFax&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Email: </td>
<td><input id=&quot;text11&quot; name=&quot;txtEmpEmail&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>User Name: </td>
<td><input id=&quot;text12&quot; name=&quot;txtEmpUserName&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Password: </td>
<td><input type=&quot;password&quot; id=&quot;password1&quot; name=&quot;txtEmpPassword&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Confirm Password: </td>
<td><input type=&quot;password&quot; id=&quot;password2&quot; name=&quot;txtConfirmPassword&quot;></td></tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Password Hint: </td>
<td><input id=&quot;text15&quot; name=&quot;txtPasswordHint&quot;></td></tr></table></p>

<h3 align=&quot;center&quot;>Check if billing information is the same as above.
<input type=&quot;checkbox&quot; id=&quot;checkbox1&quot; name=&quot;chkSameBilling&quot; onclick=&quot;CopyInfo(this)&quot;>
</h3>
<table ALIGN=&quot;center&quot;>
<tr>
<td></td>
<td>Billing First Name: </td>
<td><input id=&quot;text13&quot; name=&quot;txtBillingFName&quot;></td>
</tr>
<tr>
<td></td>
<td>Last Name: </td>
<td><input id=&quot;text14&quot; name=&quot;txtBillingLName&quot;></td>
</tr>
<tr>
<td></td>
<td>Billing Address: </td>
<td><input id=&quot;text16&quot; name=&quot;txtBillingAddress&quot;></td>
</tr>
<tr>
<td></td>
<td>Billing City: </td>
<td><input id=&quot;text17&quot; name=&quot;txtBillingCity&quot;></td>
</tr>
<tr>
<td></td>
<td>Billing State: </td>
<td><select id=&quot;select1&quot; name=&quot;txtBillingState&quot; style=&quot;WIDTH: 155px&quot;>
<option value selected>Alabama</option><option value=&quot;1&quot;>Alaska</option><option value=&quot;2&quot;>Arizona</option><option value=&quot;3&quot;>Arkansas</option><option value=&quot;4&quot;>California</option><option value=&quot;5&quot;>Colorado</option><option value=&quot;6&quot;>Connecticut</option><option value=&quot;7&quot;>Delaware</option><option value=&quot;8&quot;>District of
Columbia</option><option value=&quot;9&quot;>Florida</option><option value=&quot;10&quot;>Georgia</option><option value=&quot;11&quot;>Hawaii</option><option value=&quot;12&quot;>Idaho</option><option value=&quot;13&quot;>Illinois</option><option value=&quot;14&quot;>Indiana</option><option value=&quot;15&quot;>Iowa</option><option value=&quot;16&quot;>Kansas</option><option value=&quot;17&quot;>Kentucky</option><option value=&quot;18&quot;>Louisiana</option><option value=&quot;19&quot;>Maine</option><option value=&quot;20&quot;>Maryland</option><option value=&quot;21&quot;>Massachusetts</option><option value=&quot;22&quot;>Michigan</option><option value=&quot;23&quot;>Minnesota</option><option value=&quot;24&quot;>Mississippi</option><option value=&quot;25&quot;>Missouri</option><option value=&quot;26&quot;>Montana</option><option value=&quot;27&quot;>Nebraska</option><option value=&quot;28&quot;>Nevada</option><option value=&quot;29&quot;>New Hampshire</option><option value=&quot;30&quot;>New
Jersey</option><option value=&quot;31&quot;>New Mexico</option><option value=&quot;32&quot;>New York</option><option value=&quot;33&quot;>North
Carolina</option><option value=&quot;34&quot;>North Dakota</option><option value=&quot;35&quot;>Ohio</option><option value=&quot;36&quot;>Oklahoma</option><option value=&quot;37&quot;>Oregon</option><option value=&quot;38&quot;>Pennsylvania</option><option value=&quot;39&quot;>Rhode
Island</option><option value=&quot;40&quot;>South Carolina</option><option value=&quot;41&quot;>South Dakota</option><option value=&quot;42&quot;>Tennessee</option><option value=&quot;43&quot;>Texas</option><option value=&quot;44&quot;>Utah</option><option value=&quot;45&quot;>Vermont</option><option value=&quot;46&quot;>Virginia</option><option value=&quot;47&quot;>Washington</option><option value=&quot;48&quot;>Wisconsin</option><option value=&quot;49&quot;>Wyoming</option><option value=&quot;50&quot;></option></select></td>
</tr>
<tr>
<td></td>
<td>Billing Zip: </td>
<td><input id=&quot;text19&quot; name=&quot;txtBillingZip&quot;></td>
</tr>
<tr>
<td><font color=&quot;#ff0000&quot;>*</font></td>
<td>Credit Card Number: </td>
<td><input id=&quot;text20&quot; name=&quot;txtCreditCard&quot;></td>
</tr>
<tr>
<td></td>
<td><input type=&quot;reset&quot; value=&quot;Clear&quot; id=&quot;reset1&quot; name=&quot;reset1&quot;></td>
<td><input type=&quot;image&quot; src=&quot;images/img_Submit.gif&quot; value=&quot;Submit&quot; id=&quot;submit1&quot; name=&quot;submit1&quot; WIDTH=&quot;94&quot; HEIGHT=&quot;46&quot;></td></tr>
</table></form>



</BODY>
</HTML>
 
Just one question - how does innerHTML send the values onto the next page? I don't see anything in the URL, and the method of the form was get. Can you help?
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top