Bassistance validation plugin

Bassistance validation plugin

Thanks in advance for your help!

I have a form which successfully uses the  bassistance validation plugin to highlight required fields.

Currently all fields with class="required error" are set to always flag as required if no data entered (mainly textarea fields)

The requirement now is for some questions which have a yes/no radio button. If user selects Yes the textarea asking for more information needs to be available and a required field, if user selects No this is not required.

Having scoured around the web I have come up with the following:

HTML CODE:

  1. <form onsubmit="return submitIt3(this)" action="step-2" method="post" name="form1" id="form1" novalidate="novalidate">

  3. <ol>

  5. <li>
  6. <span class="form-title"><strong>Question 1</strong></span><br>
  7. <input type="radio" name="screen_184" value="Yes" checked> 
  8. <label>Yes</label> 
  9. <input type="radio" name="screen_184" value="No"> 
  10. <label>No</label>
  11. <br><br>
  12. <textarea class="required error" maxlegth="500" name="screentext_184"/></textarea></li>
  13. <label for="screentext_184" generated="true" class="error">This field is required.</label>
  14. </li>

  16. <br><br>

  18. <a href="javascript:history.back()">
  19. <img class="button" src="img/back.jpg" height="30" width="72"></a>
  20. <img src="img/peaks.jpg" class="peaks">
  21. <input class="button" name="next-button" value="submit" type="image" src="img/next.jpg" height="30" width="72">

  23.   
  24. </ol>
  25. </form>

I need to know how/where to edit the code in js to get this working.
Where/how should i add this code in the jquery.validate.js file

JS CODE:

  1. $(document).ready(function () {

  3.     $('#form1').validate({ // initialize the plugin
  4.         rules: {
  5.             "screentext_184": {
  6.                 required: {
  7.                     depends: function (element) {
  8.                         return $("input[name='screen_184'][value='Yes']").is(":checked");
  9.                     }
  10.                 }
  11.             }
  12.         },
  13.         submitHandler: function (form) { 
  14.             alert('valid form submitted'); 
  15.             return false; 
  16.         }
  17.     });

  19. });

Thanks again