Validation of fields in a form

[printline]

I have a problem with some validation of some fields in a form.

I have some fields that only become visible if a specific field is chosen.

For example:

[HTML]<select name="u_global_ __delivery_form " onchange="docum ent.getElementB yId('array_div' ).style.display =(this.selected Index>1)?'block ':'none';" >
<option value="0" selected="selec ted"></option>
<option value="Single board">Single board</option>
<option value="Array">A rray</option>
</select>[/HTML]

Where if you select the "array" option in my form, additional fields become visible:

[HTML]<div id="array_div" style="display: none;">
<table width="100%" border="1" cellspacing="0" cellpadding="0" style="border-style:none;">
<tr>
<td height="25" align="center" valign="top" colspan="3" style="padding-top: 5px; padding-bottom: 0px; border-style:none;"><i mg src="../images/array.gif"></td>
</tr>
<tr>
<td width="44%" align="right" valign="top" style="padding-right: 5px; padding-top: 5px; border-style:none;">Ar ray size X</td>
<td width="50%" align="left" valign="top" style=" padding-top: 5px; border-bottom-style:none; border-left-style:none; border-right-color:#E0A70D; border-top-style:none;"><i nput name="u_subpane l___array_x" type="text" size="15"></td>
</tr>
<tr>
<td align="right" valign="top" style="padding-right: 5px; border-style:none;">Ar ray size y</td>
<td align="left" valign="top" style="border-bottom-style:none; border-left-style:none; border-right-color:#E0A70D; border-top-style:none;"><i nput name="u_subpane l___array_y" type="text" size="15"></td>
</tr>
<tr>
<td align="right" valign="top" style="padding-right: 5px; border-style:none;">Bo ards per array X</td>
<td align="left" valign="top" style="border-bottom-style:none; border-left-style:none; border-right-color:#E0A70D; border-top-style:none;"><i nput name="u_subpane l___array_num_x " type="text" size="15"></td>
</tr>
<tr>
<td align="right" valign="top" style="padding-right: 5px; border-style:none;">Bo ards per array y</td>
<td align="left" valign="top" style="border-bottom-style:none; border-left-style:none; border-right-color:#E0A70D; border-top-style:none;"><i nput name="u_subpane l___array_num_y " type="text" size="15"></td>
</tr>
<tr>
<td align="right" valign="top" style="padding-right: 5px; border-style:none;">Bo ard seperation</td>
<td align="left" valign="top" style="border-bottom-style:none; border-left-style:none; border-right-color:#E0A70D; border-top-style:none;"><s elect name="u_subpane l___board_sep">
<option selected="selec ted"></option>
<option value="Break routing">Break routing</option>
<option value="Scoring" >Scoring</option>
<option value="Break routing+Scoring ">Both</option>
</select> </td>
</tr>
<tr>
<td align="right" valign="top" style="padding-right: 5px; border-bottom-color:#E0A70D; border-left-style:none; border-right-style:none; border-top-style:none;">Pa sta data required</td>
<td align="left" valign="top" style="border-left-style:none; border-right-color:#E0A70D; border-bottom-color:#E0A70D; border-top-style:none;"><i nput onClick="javasc ript:getDiv6(); " name="u_subpane l___pasta_req" type="radio" value="No" style="border-style:none;">No &nbsp;&nbsp;<in put name="u_subpane l___pasta_req" id="tin_array" type="radio" value="Yes" style="border-style:none;" onClick="javasc ript:getDiv6(); ">Yes</td>
</tr>
</table>
</div>[/HTML]

Now, my problem is to only validate on the newly visible fields, when the user selects the "array" option and no validation if the fields do not become visible.

Please help.........

Thanks very much in advance.

[dmjpro]

can't u check the display style which is to be validated

[printline]

can't u check the display style which is to be validated

Not sure exactly what you mean by that. Can you give me an example....?

[acoder]

Use

document.getElementById("id").style.property

to get the style property of the object where "id" is the id of the object and property should be (in this case) "display".

[dmjpro]

suppose u have ...
<input id = id_name>

in js .... write
if(document.get ElementById('id _name').style.d isplay == 'block')
/do validation

is this what u need

[printline]

suppose u have ...
<input id = id_name>

in js .... write
if(document.get ElementById('id _name').style.d isplay == 'block')
/do validation

is this what u need

I think so, but i can't get it working

I have done the following:

if(document.get ElementById('ar ray_div').style .display = "block")
var frmvalidator = new Validator("main form");
frmvalidator.ad dValidation("u_ subpanel___arra y_x","req","Ple ase type in array x dimension");
frmvalidator.ad dValidation("u_ subpanel___arra y_x","alnumhyph en");

But it doesn't validate on the field u_subpanel___ar ray_x when the div id array_div is visible in my form

[acoder]

I think so, but i can't get it working

I have done the following:

if(document.getElementById('array_div').style.display = "block")
var frmvalidator  = new Validator("mainform");
frmvalidator.addValidation("u_subpanel___array_x","req","Please type in array x dimension");
  frmvalidator.addValidation("u_subpanel___array_x","alnumhyphen");

But it doesn't validate on the field u_subpanel___ar ray_x when the div id array_div is visible in my form

That should be double equals:

if(document.getElementById('array_div').style.display == "block")

[printline]

That should be double equals:

if(document.getElementById('array_div').style.display == "block")

It still doesn't work even with double equals. Here is the code i use:

[HTML]<select id="test" name="u_global_ __delivery_form " onchange="docum ent.getElementB yId('array_div' ).style.display =(this.selected Index>1)?'block ':'none';">
<option value="0" selected="selec ted"></option>
<option value="Single board">Single board</option>
<option value="Array">A rray</option>
</select>
<div id="array_div" style="display: none;">
<table width="100%" border="1" cellspacing="0" cellpadding="0" style="border-style:none;">
<tr>
<td width="44%" align="right" valign="top">Ar ray size X <font color="#FF0000" >*</font></td>
<td width="50%" align="left" valign="top"><i nput name="u_subpane l___array_x" type="text" size="15"></td>
</tr>

<tr>
<td align="right" valign="top">Ar ray size y</td>
<td align="left" valign="top"<in put name="u_subpane l___array_y" type="text" size="15"></td>
</tr>
</table>
</div>

<script language="JavaS cript" src="gen_valida torv2.js" type="text/javascript">
</script>


<script language="JavaS cript" type="text/javascript">
var frmvalidator = new Validator("main form");
frmvalidator.ad dValidation("u_ global___delive ry_form","donts elect=0","Pleas e choose delivery form");
if(document.get ElementById('ar ray_div').style .display == "block")
frmvalidator.ad dValidation("u_ subpanel___arra y_x","req","Ple ase fill in array x");
frmvalidator.ad dValidation("u_ subpanel___arra y_y","req","Ple ase fill in array x");[/HTML]
Please post in code tags - moderator

[acoder]

You need a code block after the if because you are checking for both x and y if the display style is block. Also, you have a typo - instead of y you had x for the second error message:

var frmvalidator  = new Validator("mainform");
frmvalidator.addValidation("u_global___delivery_form","dontselect=0","Please choose delivery form");
if(document.getElementById('array_div').style.display == "block") {
  frmvalidator.addValidation("u_subpanel___array_x","req","Please fill in array x");
  frmvalidator.addValidation("u_subpanel___array_y","req","Please fill in array y");
}

[printline]

You need a code block after the if because you are checking for both x and y if the display style is block. Also, you have a typo - instead of y you had x for the second error message:

var frmvalidator  = new Validator("mainform");
frmvalidator.addValidation("u_global___delivery_form","dontselect=0","Please choose delivery form");
if(document.getElementById('array_div').style.display == "block") {
  frmvalidator.addValidation("u_subpanel___array_x","req","Please fill in array x");
  frmvalidator.addValidation("u_subpanel___array_y","req","Please fill in array y");
}

It still skips the validation of the two fields u_subpanel___ar ray_x and u_subpanel___y if the array option is chosen from the u_global___deli very_form filed. Any suggestions on what is wrong.......... .??????