Using Dialog with JQuery Validator

Using Dialog with JQuery Validator

Hi,

I am using JQuery Validator like this:

  1. rules:
  2. {
  3. cboPaid:
  4. {
  5. required: true
  6. },
  7. cboCategory:
  8. {
  9. required: true
  10. },
  11. dateFrom:
  12. {
  13. required: true
  14. },
  15. dateTo:
  16. {
  17. required: true
  18. }
  19. },

I want to use use JQuery dialog with it like this:

  1. rules:
  2. {
  3.    cboPaid:
  4.    {
  5.             $('#msgAlert').html("Please select paid or unpaid!");

  7.             $('#dialogAlert').popup();
  8.             $("#dialogAlert").popup("open"); 
  9.    },
  10.    cboCategory:
  11.    {
  12.             $('#msgAlert').html("Please select the category!");

  14.             $('#dialogAlert').popup();
  15.             $("#dialogAlert").popup("open"); 
  16.    },
  17.    dateFrom:
  18.    {
  19.             $('#msgAlert').html("Please select {From} date!");

  21.             $('#dialogAlert').popup();
  22.             $("#dialogAlert").popup("open"); 
  23.    },
  24.    dateTo:
  25.    {
  26.             $('#msgAlert').html("Please select {To} date!");

  28.             $('#dialogAlert').popup();
  29.             $("#dialogAlert").popup("open"); 
  30.    }
  31. },

How can I do this please?


Thanks,