code_junkie

Validation of radio button group using jQuery validation plugin

Nov 12th, 2011
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.71 KB | None | 0 0
  1. <input type="radio" name="myoptions" value="blue" class="required"> Blue<br />
  2. <input type="radio" name="myoptions" value="red"> Red<br />
  3. <input type="radio" name="myoptions" value="green"> Green
  4.  
  5. myRadioGroupName : {required :true}
  6.  
  7. You can also use this:
  8. <fieldset>
  9. <input type="checkbox" name="myoptions[]" value="blue"> Blue<br />
  10. <input type="checkbox" name="myoptions[]" value="red"> Red<br />
  11. <input type="checkbox" name="myoptions[]" value="green"> Green<br />
  12. <label for="myoptions[]" class="error" style="display:none;">Please choose one.</label>
  13. </fieldset>
  14.  
  15. and simply add this rule
  16. rules: {
  17. 'myoptions[]':{ required:true }
  18. }
  19.  
  20. 'highlight': function (element, errorClass, validClass) {
  21. if($(element).attr('type') == 'radio'){
  22. $(element.form).find("input[type=radio]").each(function(which){
  23. $(element.form).find("label[for=" + this.id + "]").addClass(errorClass);
  24. $(this).addClass(errorClass);
  25. });
  26. } else {
  27. $(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
  28. $(element).addClass(errorClass);
  29. }
  30. },
  31. 'unhighlight': function (element, errorClass, validClass) {
  32. if($(element).attr('type') == 'radio'){
  33. $(element.form).find("input[type=radio]").each(function(which){
  34. $(element.form).find("label[for=" + this.id + "]").removeClass(errorClass);
  35. $(this).removeClass(errorClass);
  36. });
  37. }else {
  38. $(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
  39. $(element).removeClass(errorClass);
  40. }
  41. },
Add Comment
Please, Sign In to add comment