Form Validation...With a Twist...

[celtic5544]

I have a form I am working on (unable to give and web page at the moment because it is not a live site yet still in the development stage) and I need to do a form validation. I am REALLY new to Javascript and I am starting to understand the basic form validation, however what I have is something a little different.

The form has a list of things that a customer needs to fill out (name, address etc.). However the problem comes in when they are bringing a guest with them, or they are renting a hotel room for the night. I need to have the validation catch if they say yes to a guest then they need to enter the guest name (and if they don't put the guest name in it gives and error). If they say yes to a Hotel, they need to enter Credit Card information.

I have looked at some web sites and even had someone suggest a looping javascript but I either really don't get it or the web sites are not exactly suiting my needs. Being new to this makes parts of this really hard for me to translate what they are telling me to the in formation I have. :D

Thanks so much...

[olerag]

1. Are you kicking validation from a button. If so, add
"onClick="validateForm(this.form)" to your button HTML.

2. Your "validateForm(form)" function would...
a) Check if the Guest ?checkbox? is checked. If so, test
if "Guest Info" is filled appropriately.
b) Check if "Hotel" ?checkbox? is checked. If so, have the
credit card info validated. The credit-card info would
probably need to include some additional string validation
check(s) as you determine appropriate.

3. If the function's validation is successful, submit the
form otherwise show the appropriate alert information.

A complete coding sequence can be shown if you provide
your HTML in the thread so the object types/names are
identified.

[celtic5544]

Actually what I have is a Submit image... which we have working with ASP script. I just found out from my boss that we also want to have something were the error they get all the error's at once. Like the following problems....and then it lists them.

This is what I have so far...
<script language="JavaScript" type="text/JavaScript">
function submitIt(editForm){
if (editForm.strRegType.selectedIndex== "") {
alert ("Please Pick Registration Type")
}
if (editForm.strFirstName.value == ""){
alert ("Please Enter First Name")
return false
}
return true
}
</script>

[olerag]

To compile all errors during one validation submission,
create an array and store all of the alert messages into
the array's element(s). If the array's length is greater
than 0, at least one error occurred. Then , iterate thru
the array to display the errors in the desired presentation.