form validation 1

[damipera]

Hi guys! can u help me plz. I have a form and I want to make the textfield named 'firstname' to become mandatory if the user checks the radio with the 'No' label. How can I achieve this? Thanks.

<form id="formname" name="formname" method="post" action="">
  <label>
  Yes
  <input name="agree" type="radio" value="1" /> 
&nbsp;&nbsp;No </label>
  <label>
  <input name="agree" type="radio" value="0" />
  </label>
  <p>
    <input name="firstname" type="text" id="firstname" />
  </p>
  <p>
    <label>
    <input type="submit" name="Submit" value="Submit" />
    </label>
  </p>
</form>

 

[BillyRayPreachersSon]

Put an "onsubmit" handler on your form, which checks to see which radio button is checked. If the radio button with the index of 1 (i.e. the second one) is checked, then return false if the firstname field is empty, true otherwise.

You can also print error messages, etc, as appropriate.

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[kaht]

This should fix it [small](changes highlighted in red)[/small]

[!]<script type="text/javascript">

function validateForm(frm) {
   if (frm.elements["agree"][1].checked && !frm.elements["firstname"].value.length) {
      alert("You must supply a first name if you select 'No'");
      return false;
   }
   return true;
}

</script>[/!]

<form id="formname" name="formname" method="post" action="" [!]onsubmit="return validateForm(this)"[/!]>
  <label>
  Yes
  <input name="agree" type="radio" value="1" />
&nbsp;&nbsp;No </label>
  <label>
  <input name="agree" type="radio" value="0" />
  </label>
  <p>
    <input name="firstname" type="text" id="firstname" />
  </p>
  <p>
    <label>
    <input type="submit" name="Submit" value="Submit" />
    </label>
  </p>
</form>

-kaht

http://www.silkypups.com

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]

 

[damipera]

Your AWESOME kaht. Thank you very much!!!

Thanks also BillyRayPreachersSon.