Advanced Form Validation ?

ianv2

Hi

I have the following form that I need advanced validation on, I would
appreciate any help please.

How can I validate the form so that the user has to select an option
from the select box and if they choose 'other' the focus goes to the
'otherfeedback' textarea which also has to have a value.

<form action="feedback.cfm" method="post" name="form" id="Form"
<select size="1" name="aplan">
<option value="none">-- Select Your Answer --
<option></option>

<option value="More bulletins">More bulletins</option>
<option value="Don't know">Don't know</option>
<option value="Other">Other please specify below</option>
</select>
<p>
<textarea name="otherfeedback" wrap="PHYSICAL" rows="8"
cols="100"></textarea>
</p>
</form>

Thanks in advance for any assistance and time.

Jul 23 '05 #1

Subscribe Post Reply

1524

McKirahan

<ia***@aol.com> wrote in message
news:11*********************@o13g2000cwo.googlegro ups.com...

Hi

I have the following form that I need advanced validation on, I would
appreciate any help please.

How can I validate the form so that the user has to select an option
from the select box and if they choose 'other' the focus goes to the
'otherfeedback' textarea which also has to have a value.

<form action="feedback.cfm" method="post" name="form" id="Form"
<select size="1" name="aplan">
<option value="none">-- Select Your Answer --
<option></option>

<option value="More bulletins">More bulletins</option>
<option value="Don't know">Don't know</option>
<option value="Other">Other please specify below</option>
</select>
<p>
<textarea name="otherfeedback" wrap="PHYSICAL" rows="8"
cols="100"></textarea>
</p>
</form>

Thanks in advance for any assistance and time.

Is this what you're looking for? Watch for word-wrap.

<html>
<head>
<title>other.htm</title>
<script type="text/javascript">
function other() {
var form = document.form;
if (form.aplan.options[4].selected) {
form.otherfeedback.disabled = false;
form.otherfeedback.focus();
} else {
form.otherfeedback.value = "";
form.otherfeedback.disabled = true;
}
}
</script>
</head>
<body>
<form action="feedback.cfm" method="post" name="form" id="Form">
<select size="1" name="aplan" onchange="other()">
<option value="none">-- Select Your Answer --
<option></option>
<option value="More bulletins">More bulletins</option>
<option value="Don't know">Don't know</option>
<option value="Other">Other please specify below</option>
</select>
<p>
<textarea name="otherfeedback" wrap="PHYSICAL" rows="8" cols="100"
disabled></textarea>
</p>
</form>
</body>
</html>

Jul 23 '05 #2

McKirahan

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:B8********************@comcast.com...

[snip]

Here's a version that ensures an option is selected when the form is
submitted.

<html>
<head>
<title>other.htm</title>
<script type="text/javascript">
function other() {
var form = document.form;
if (form.aplan.options[4].selected) {
form.otherfeedback.disabled = false;
form.otherfeedback.focus();
} else {
form.otherfeedback.value = "";
form.otherfeedback.disabled = true;
}
}
function valid() {
var form = document.form;
var what = form.aplan.value;
if (what == "" || what == "none") {
alert("No option selected!");
return false;
}
if (form.aplan.options[4].selected) {
if (form.otherfeedback.value == "") {
alert("No feedback entered!");
return false;
}
}
return true;
}
</script>
</head>
<body>
<form action="feedback.cfm" method="post" name="form" onsubmit="return
valid()">
<select name="aplan" onchange="other()">
<option value="none">-- Select Your Answer --
<option></option>
<option value="More bulletins">More bulletins</option>
<option value="Don't know">Don't know</option>
<option value="Other">Other please specify below</option>
</select>
<p>
<textarea name="otherfeedback" wrap="PHYSICAL" rows="8" cols="100"
disabled></textarea>
</p>
<input type="submit" value="Submit">
</form>
</body>
</html>

Jul 23 '05 #3

ianv2

Hi

Thanks for the code, however although I can select an item from the
drop down menu, it does not allow me to enter any data into the text
area field if I select 'Other' and the submit button does not appear ?

I am not getting any javascript errors ? so not sure why it is not
working?

Jul 23 '05 #4

McKirahan

<ia***@aol.com> wrote in message
news:11*********************@f14g2000cwb.googlegro ups.com...

Hi

Thanks for the code, however although I can select an item from the
drop down menu, it does not allow me to enter any data into the text
area field if I select 'Other' and the submit button does not appear ?

I am not getting any javascript errors ? so not sure why it is not
working?

Can you post your version of the code as mine works (for me).

Also, what browser and version are you using? (Mine's IE5.5.)

Jul 23 '05 #5

Similar topics

Validation Form redirect to new form

by: TG | last post by:

I have a validation form that must behave differently based on the results of a PHP validation check. I have a post command at the top of my form that calls itself. I don't leave the form when...

PHP

Form validation question

by: Hosh | last post by:

I have a form on a webpage and want to use JavaScript validation for the form fields. I have searched the web for form validation scripts and have come up with scripts that only validate...

Javascript

Advanced Filter/Sort window -- where is it?

by: Nhmiller | last post by:

This is directly from Access' Help: "About designing a query When you open a query in Design view, or open a form, report, or datasheet and show the Advanced Filter/Sort window (Advanced...

Microsoft Access / VBA

advanced question: making <asp:ButtonColumn> CausesValidation=False

by: z. f. | last post by:

Hi, i stated that this is an advanced question because i have a post from few days ago that i received answers to with suggestions that looked good but did not work, so please if you post a...

ASP.NET

Best form validation tutorial?

by: julie.siebel | last post by:

Hello all! As embarrassing as it is to admit this, I've been designing db driven websites using javascript and vbscript for about 6-7 years now, and I am *horrible* at form validation. To be...