Hi all.

I'm using prototype.js to validate fields in a form prior to submission.

 <script type="text/javascript">
    
    function validate() {
   if ($F('required') == '') {
      new Insertion.After('bclabel', ' <b>(Required!)</b>');
      return false;
   }
   return true;
}

</script>

I then add an id="required" to the input field, and then a label afterwards where the desired error msg appears.

The thing is, this WORKS but only for one field. I want to validate that all fields have at least 1 character in them - how do I go about doing this?

try this:

<input id="required0"><span id="bclabel0"></span>
<input id="required1"><span id="bclabel1"></span>
<input id="required2"><span id="bclabel2"></span>
<script type="text/javascript">

function validate() {
for(var i=0;i<3;i++)
if ($F('required'+i) == '') {
new Insertion.After('bclabel'+i, ' <b>(Required!)</b>');
return false;
}
return true;
}

</script>

or:

<input id="required0"><span id="required0_lbl"></span>
<input id="required1"><span id="required1_lbl"></span>
<input id="required2"><span id="required2_lbl"></span>
<script>
function validate() {
var ins=document.getElementsByTagName("input");
for(var i=0;i<ins.length;i++){
if(ins[0].value==''){
new Insertion.After(ins[0].id+"_lbl", ' <b>(Required!)</b>');
return false;
}
}
return true;
}
</scipt>