Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

I am trying to get my form to use JavaScript so that when the Help Needed option

ID: 642460 • Letter: I

Question

I am trying to get my form to use JavaScript so that when the Help Needed option is selected, a textarea will appear. Here is my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Module 2 Forms</title>
<style type="text/css">
<!--
body {
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   background: #cc0000;
   margin: 0;
   padding: 0;
   text-align: center;
   color: #000000;
}
.twoColFixLtHdr #container {
   width: 1000px;
   background: #FFFFFF;
   margin: 0 auto;
   border: 1px solid #000000;
   text-align: center;
}
.twoColFixLtHdr #header {
   background: #DDDDDD;
   padding: 0 0px 0 0px;
}
.twoColFixLtHdr #header h1 {
   margin: 0;
   padding: 10px 0;
}
.twoColFixLtHdr #sidebar1 {
   float: left;
   width: 200px; /*element floated/width given*/
   background: #ffffff;
   padding: 10px 10px 15px 20px;
}
.twoColFixLtHdr #mainContent {
   margin: 0 0 0 250px;
   padding: 0 20px;
}
.twoColFixLtHdr #footer {
   padding: 0 10px 0 20px;
   background:#FFFFFF;
}
.twoColFixLtHdr #footer p {
   margin: 0;
   padding: 10px 0;
}
.fltrt { /*float element right*/
   float: right;
   margin-left: 8px;
}
.fltlft { /*float element left*/
   float: left;
   margin-right: 8px;
}
.clearfloat {
   clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.style1 {
   font-size: xx-small;
   color: #666666;
}

.style2 {color: #FF0000}
</style>

<script language="JavaScript" type="text/javascript">

function echeck(str) {
   var at="@";
   var dot=".";
   var lat=str.indexOf(at);
   var lstr=str.length;
   var ldot=str.indexOf(dot);
      
   if (str.indexOf(at)==-1){
       alert("Your Email Address does not appear to valid");
       return false;
   }
   if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
       alert("Your Email Address does not appear to valid");
       return false;
   }
   if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)

==lstr){
       alert("Your Email Address does not appear to valid");
       return false;
   }
   if (str.indexOf(at,(lat+1))!=-1){
       alert("Your Email Address does not appear to valid");
       return false;
   }
   if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
       alert("Your Email Address does not appear to valid");
       return false;
   }
   if (str.indexOf(dot,(lat+2))==-1){
       alert("Your Email Address does not appear to valid");
       return false;
   }      
   if (str.indexOf(" ")!=-1){
       alert("Your Email Address does not appear to valid");
       return false;
   }
    return true;                  
}

function validateform(form) {
   if (form.name.value.length == 0) {
       alert("Please enter your Name");
       form.name.focus();
       return false;
   }else if (form.email.value.length == 0) {
       alert("Please enter your Email Address");
       form.email.focus();
       return false;
   } else if (!echeck(form.email.value)) {
       form.email.focus();
       return false;
   } else if (form.address.value.length == 0) {
       alert("Please enter your Address");
       form.address.focus();
       return false;
   } else if (form.city.value.length == 0) {
       alert("Please enter your City");
       form.city.focus();
       return false;
   } else if (form.state.value.length == 0) {
       alert("Please enter your state");
       form.state.focus();
       return false;
   } else if (form.zip.value.length == 0) {
       alert("Please enter your Zip Code");
       form.address.focus();
       return false;
   }else if (form.custoptions.value == "") {
       alert("Please State the Reason for Your Visit");
       form.custoptions.focus();
       return false;
   }else if (form.custoptions.value == "0" &&

form.custoptionsother.value.length == 0) {
       alert("Please enter your Country");
       form.custoptionsother.focus();
       return false;
   }
   return true;
}
</script>
</head>

<body class="twoColFixLtHdr">

<div id="container">
<div id="header">
    <div align="center"><img src="Header.jpg" alt="Head" width="1000" height="312"

/></div>
</div>

<div id="sidebar1">
    <h3 align="center"><u>Affiliates</u></h3>
    <h3 align="center"><a href="http://localappbiz.com"><img

src="file:///C|/Users/JSA/Desktop/Ubiz.png" alt="BizBiz" width="185" height="72"

/></a></h3>
    <p align="center"><a href="http://bodyresetcenter.myshaklee.com"><img

src="file:///C|/Users/JSA/Desktop/Shaklee-Distributor-Logo.png" alt="Shaklee"

width="185" height="85" /></a></p>
    <p align="center"><a href="https://www.advocare.com/140333776/"><img

src="file:///C|/Users/JSA/Desktop/Advocare-24-Day-Challenge2.jpg" alt="Advocare"

width="185" height="188" /></a></p>
    <p align="center"><a href="http://poughkeepsiecomputers.com"><img

src="file:///C|/Users/JSA/Desktop/mhvcs-header.jpg" alt="MHVCS" width="185"

height="85" /></a></p>
    <p align="center">&nbsp;</p>
    <p>&nbsp;</p>
</div>

<div id="mainContent">
    <form action="http://cdlwebsysdev.esc-atsystems.net//WSD/form-to-email.php"

method="post">
      <fieldset>
      <h2>
        <legend>Module 3: Web Form Validation<br />
        <input type="hidden" name="ToAddress" value="adamtdistefano@gmail.com" />
          <input type="hidden" name="CCAddress" value="todd.wolfe@esc.edu" />
          <input type="hidden" name="Subject" value="WSD: Assignment #.# - Web

Form for Adam DiStefano" />
            </legend>
      </h2>
      <label>Name: <input type="text" name="CustName" id="custName" size="33"

/></label>
      <br />
      <br />

<label>Email: <input type="text" name="FromAddress" size="33" /></label>
   <br />
   <br />
<label>Address: <input type="text" name="CustStreet" id="custStreet" size="30"

/></label>
<br />
<br />

<label>City: <input type="text" name="CustCity" id="custCity"

size="35"/></label>
   <br />
   <br />

<label>State: <input type="text" name="CustState" id="custState"

size="12"/>&nbsp;&nbsp;&nbsp;Zip: <input name="CustState" type="text"

id="CustState" size="12"/></label>
       <br />
       <br />
<label>Please Select:&nbsp;<select size="1" name="custoptions" id="custoptions"

>
        <option value="0" selected="selected"></option>
        <option value="1">Help Form </option>
tion>
       </select></label>
        <br />
        <br />
<label>How Can We Help?
<br />
<textarea id="custoptionshelp"></textarea>
<br />
        </label>
<label>Leave Your Feedback Below<br />
</br>
    <textarea id="custoptionsfeedback"></textarea>
</label>
<br />
<br />
    <input type="submit" value="Send My Info" name="sendbutton" />
&nbsp;&nbsp;
    <input type="reset" />
</p>
      </fieldset>
   </form>
</div>
  
    <div id="footer">
    <p align="center" class="style1">

Explanation / Answer

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Module 2 Forms</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #cc0000;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.twoColFixLtHdr #container {
width: 1000px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: center;
}
.twoColFixLtHdr #header {
background: #DDDDDD;
padding: 0 0px 0 0px;
}
.twoColFixLtHdr #header h1 {
margin: 0;
padding: 10px 0;
}
.twoColFixLtHdr #sidebar1 {
float: left;
width: 200px; /*element floated/width given*/
background: #ffffff;
padding: 10px 10px 15px 20px;
}
.twoColFixLtHdr #mainContent {
margin: 0 0 0 250px;
padding: 0 20px;
}
.twoColFixLtHdr #footer {
padding: 0 10px 0 20px;
background:#FFFFFF;
}
.twoColFixLtHdr #footer p {
margin: 0;
padding: 10px 0;
}
.fltrt { /*float element right*/
float: right;
margin-left: 8px;
}
.fltlft { /*float element left*/
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.style1 {
font-size: xx-small;
color: #666666;
}

.style2 {color: #FF0000}
</style>

<script language="JavaScript" type="text/javascript">

function echeck(str) {
var at="@";
var dot=".";
var lat=str.indexOf(at);
var lstr=str.length;
var ldot=str.indexOf(dot);
  
if (str.indexOf(at)==-1){
alert("Your Email Address does not appear to valid");
return false;
}
if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
alert("Your Email Address does not appear to valid");
return false;
}
if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)

==lstr){
alert("Your Email Address does not appear to valid");
return false;
}
if (str.indexOf(at,(lat+1))!=-1){
alert("Your Email Address does not appear to valid");
return false;
}
if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
alert("Your Email Address does not appear to valid");
return false;
}
if (str.indexOf(dot,(lat+2))==-1){
alert("Your Email Address does not appear to valid");
return false;
}
if (str.indexOf(" ")!=-1){
alert("Your Email Address does not appear to valid");
return false;
}
return true;
}

function validateform(form) {
if (form.name.value.length == 0) {
alert("Please enter your Name");
form.name.focus();
return false;
}else if (form.email.value.length == 0) {
alert("Please enter your Email Address");
form.email.focus();
return false;
} else if (!echeck(form.email.value)) {
form.email.focus();
return false;
} else if (form.address.value.length == 0) {
alert("Please enter your Address");
form.address.focus();
return false;
} else if (form.city.value.length == 0) {
alert("Please enter your City");
form.city.focus();
return false;
} else if (form.state.value.length == 0) {
alert("Please enter your state");
form.state.focus();
return false;
} else if (form.zip.value.length == 0) {
alert("Please enter your Zip Code");
form.address.focus();
return false;
}else if (form.custoptions.value == "") {
alert("Please State the Reason for Your Visit");
form.custoptions.focus();
return false;
}else if (form.custoptions.value == "0" &&

form.custoptionsother.value.length == 0) {
alert("Please enter your Country");
form.custoptionsother.focus();
return false;
}
return true;
}
function helpOption()
{
   if(document.getElementById("custoptions").value==1)
   {
       document.getElementById("divdisplay").style.display="inline";
   }
}
</script>
</head>

<body class="twoColFixLtHdr">

<div id="container">
<div id="header">
<div align="center"><img src="Header.jpg" alt="Head" width="1000" height="312"

/></div>
</div>

<div id="sidebar1">
<h3 align="center"><u>Affiliates</u></h3>
<h3 align="center"><a href="http://localappbiz.com"><img

src="file:///C|/Users/JSA/Desktop/Ubiz.png" alt="BizBiz" width="185" height="72"

/></a></h3>
<p align="center"><a href="http://bodyresetcenter.myshaklee.com"><img

src="file:///C|/Users/JSA/Desktop/Shaklee-Distributor-Logo.png" alt="Shaklee"

width="185" height="85" /></a></p>
<p align="center"><a href="https://www.advocare.com/140333776/"><img

src="file:///C|/Users/JSA/Desktop/Advocare-24-Day-Challenge2.jpg" alt="Advocare"

width="185" height="188" /></a></p>
<p align="center"><a href="http://poughkeepsiecomputers.com"><img

src="file:///C|/Users/JSA/Desktop/mhvcs-header.jpg" alt="MHVCS" width="185"

height="85" /></a></p>
<p align="center">&nbsp;</p>
<p>&nbsp;</p>
</div>

<div id="mainContent">
<form action="http://cdlwebsysdev.esc-atsystems.net//WSD/form-to-email.php"

method="post">
<fieldset>
<h2>
<legend>Module 3: Web Form Validation<br />
<input type="hidden" name="ToAddress" value="adamtdistefano@gmail.com" />
<input type="hidden" name="CCAddress" value="todd.wolfe@esc.edu" />
<input type="hidden" name="Subject" value="WSD: Assignment #.# - Web

Form for Adam DiStefano" />
</legend>
</h2>
<label>Name: <input type="text" name="CustName" id="custName" size="33"

/></label>
<br />
<br />

<label>Email: <input type="text" name="FromAddress" size="33" /></label>
<br />
<br />
<label>Address: <input type="text" name="CustStreet" id="custStreet" size="30"

/></label>
<br />
<br />

<label>City: <input type="text" name="CustCity" id="custCity"

size="35"/></label>
<br />
<br />

<label>State: <input type="text" name="CustState" id="custState"

size="12"/>&nbsp;&nbsp;&nbsp;Zip: <input name="CustState" type="text"

id="CustState" size="12"/></label>
<br />
<br />
<label>Please Select:&nbsp;<select size="1" name="custoptions" id="custoptions"

>
<option value="0" selected="selected"></option>
<option value="1">Help Form </option>
tion>
</select></label>
<br />
<br />
       <div id="divdisplay">
<label>How Can We Help?
<br />
<textarea id="custoptionshelp"></textarea>
<br />
</label>
       </div>
      
<label>Leave Your Feedback Below<br />
</br>
<textarea id="custoptionsfeedback"></textarea>
</label>

<br />
<br />
<input type="submit" value="Send My Info" name="sendbutton" />
&nbsp;&nbsp;
<input type="reset" />
</p>
</fieldset>
</form>
</div>
  
<div id="footer">
<p align="center" class="style1">

Related Questions

I am trying to figure out the answer for chapter 16 110 a1. I amdoing the proble
Question #1738544
I am trying to figure out the operating margin and hospital days in accounts rec
Question #2672120
I am trying to figure out the social security tax for the employees in this prob
Question #2528881
I am trying to figure out to do hypothesis testing.... Last weeks assignment I h
Question #2958793
I am trying to figure out what I am doing wrong when solvingthe following proble
Question #1747717
I am trying to figure out what is wrong with my C++ code. This code is implement
Question #3751588
I am trying to figure out what the correct syntax for UNION is. My schema looks
Question #3680374
I am trying to figure out what this means in plain english. What do I have to do
Question #3647215
Hire Me For All Your Tutoring Needs
Integrity-first tutoring: clear explanations, guidance, and feedback.
Drop an Email at
drjack9650@gmail.com
Chat Now And Get Quote

Navigate

Previous
I am trying to get my code to work. If you could fix my code and allow the input
Next
I am trying to get my program to spit out in something like this, This is HEX to

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.