title: Validating dropdown
body: <p>Okay so I'm trying to validate my drop down with a custom rule and NOT wanting to do it inline because it needs to be a an integer value. Which means it can not have the Please Select An Option when submitted. So I don't know if I need to even make it disabled or how I should handle this.</p>
  
  <pre><code>&lt;select id="sel1R3" class="chzn-done" name="sticky" style="display: none;"&gt;
      &lt;option selected="selected" value=""&gt;Please Select An Option&lt;/option&gt;
      &lt;option value="0"&gt;No&lt;/option&gt;
      &lt;option value="1"&gt;Yes&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>EDIT :</strong> Now for some reason its not showing the validation error for the dropdown.</p>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function()
  {
  
  $.validator.addMethod("valueNotEquals", function (value, element, arg) {
      return arg != value;
  }, "Message to User");
  
  /*
  * Validate the form when it is submitted
  */
  var validateform = $("#newArticleForm").validate({
      rules: {
          title: {
              required: true,
              minlength: 5
          },
          category: {
              required: true,
              {valueNotEquals: "-1"}
          },
          sticky: {
              required: true,
              {valueNotEquals: "-1"}
          },
          comments: {
              required: true,
              {valueNotEquals: "-1"}
          },
          datetime: {
              required: true,
              date: true
          },
          status: {
              required: true,
              {valueNotEquals: "-1"}
          },
          file: {
              required: true,
              accept: 'png|jpe?g|gif'
          },
          permalink: {
              required: true,
          },
          article: {
              required: true,
              minlength: 5
          }
      },
      invalidHandler: function(form, validator) {
          var errors = validator.numberOfInvalids();
          if (errors) {
              var message = errors == 1
              ? 'You missed 1 field. It has been highlighted.'
              : 'You missed ' + errors + ' fields. They have been highlighted.';
              $('.box .content').removeAlertBoxes();
              $('.box .content').alertBox(message, {type: 'warning', icon: true, noMargin: false});
              $('.box .content .alert').css({
                  width: '100%',
                  margin: '0',
                  borderLeft: 'none',
                  borderRight: 'none',
                  borderRadius: 0
              });
          } else {
              $('.box .content').removeAlertBoxes();
          }
      },
      showErrors : function(errorMap, errorList) {
          this.defaultShowErrors();
          var self = this;
          $.each(errorList, function() {
              var $input = $(this.element);
              var $label = $input.parent().find('label.error').hide();
              $label.addClass('red');
              $label.css('width', '');
              $input.trigger('labeled');
              $label.fadeIn();
          });
      },
      submitHandler: function(form) {
          var dataString = $('#newArticleForm').serialize();
          $.ajax({
              type: 'POST',
              url: 'dashboard/articleSubmit',
              data: dataString,
              dataType: 'json',
              success:  function(data) {
                  if (data.error) {
                      $('.box .content').removeAlertBoxes();
                      $('.box .content').alertBox(data.message, {type: 'warning', icon: true, noMargin: false});
                      $('.box .content .alert').css({
                          width: '',
                          margin: '0',
                          borderLeft: 'none',
                          borderRight: 'none',
                          borderRadius: 0
                      });
                  }
                  else
                  {
                      $('.box .content').removeAlertBoxes();
                      $('.box .content').alertBox(data.message, {type: 'success', icon: true, noMargin: false});
                      $('.box .content .alert').css({
                          width: '',
                          margin: '0',
                          borderLeft: 'none',
                          borderRight: 'none',
                          borderRadius: 0
                      }); 
                      $(':input','#newArticleForm')
                      .not(':submit, :button, :hidden, :reset')
                      .val('');  
                  }
              }
          });
      }
  });
  
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="grid_6"&gt;
          &lt;div class="box"&gt;
              &lt;div class="header"&gt;
                  &lt;img src="http://www.kansasoutlawwrestling.com/kowmanager/assets/img/icons/packs/fugue/16x16/document--plus.png" alt="" width="16" height="16" /&gt;
                  &lt;h3&gt;Create a News Article&lt;/h3&gt;
              &lt;/div&gt;
                              &lt;form  method="post" accept-charset="utf-8" id="newArticleForm" enctype="multipart/form-data"&gt;                    &lt;div class="content no-padding"&gt;
                      &lt;div class="section _100"&gt;
                          &lt;label for="title"&gt;Title&lt;/label&gt;
                          &lt;div&gt;
                              &lt;input type="text" name="title" value=""  /&gt;                            &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="section _100"&gt;
                          &lt;label for="category"&gt;Category&lt;/label&gt;
                          &lt;div&gt;
                              &lt;select name="category"&gt;
  &lt;option value="" selected="selected"&gt;Please Select An Opion&lt;/option&gt;
  &lt;option value="4"&gt;Columns&lt;/option&gt;
  &lt;option value="2"&gt;Headlines&lt;/option&gt;
  &lt;option value="1"&gt;Main News&lt;/option&gt;
  &lt;option value="3"&gt;Rumors&lt;/option&gt;
  &lt;/select&gt;                            &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="section _100"&gt;
                          &lt;label for="sticky"&gt;Is Sticky&lt;/label&gt;
                          &lt;div&gt;
                              &lt;select name="sticky"&gt;
  &lt;option value="-1"&gt;Please Select An Option&lt;/option&gt;
  &lt;option value="0"&gt;No&lt;/option&gt;
  &lt;option value="1"&gt;Yes&lt;/option&gt;
  &lt;/select&gt;                            &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="section _100"&gt;
                          &lt;label for="comments"&gt;Allow Comments&lt;/label&gt;
                          &lt;div&gt;
                              &lt;select name="comments"&gt;
  &lt;option value="-1"&gt;Please Select An Option&lt;/option&gt;
  &lt;option value="0"&gt;No&lt;/option&gt;
  &lt;option value="1"&gt;Yes&lt;/option&gt;
  &lt;/select&gt;                            &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="section _100"&gt;
                          &lt;label for="datetime"&gt;Date Comments Expire&lt;/label&gt;
                          &lt;div&gt;
                              &lt;input id="datetime" type="datetime" name="datetime" /&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="section _100"&gt;
                          &lt;label for="status"&gt;Status&lt;/label&gt;
                          &lt;div&gt;
                              &lt;select name="status"&gt;
   &lt;option value="-1"&gt;Please Select An Option&lt;/option&gt;
   &lt;option value="0"&gt;Inactive&lt;/option&gt;
   &lt;option value="1"&gt;Active&lt;/option&gt;
   &lt;/select&gt;                            &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="section _100"&gt;
                          &lt;label for="file"&gt;Image&lt;/label&gt;                            &lt;div&gt;
                              &lt;input type="file" name="file" value=""  /&gt;                            &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="section _100"&gt;
                          &lt;label for="permalink"&gt;Permalink&lt;/label&gt;
                          &lt;div&gt;
                              &lt;input type="text" name="permalink" value=""  /&gt;                            &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="section _100"&gt;
                          &lt;label for="article"&gt;Article&lt;/label&gt;
                          &lt;div&gt;
                              &lt;textarea name="article" cols="30" rows="5" id="article" &gt;&lt;/textarea&gt;                            &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;&lt;!-- End of .content --&gt;
  
                  &lt;div class="actions"&gt;
                      &lt;div class="actions-left"&gt;
                          &lt;input type="reset" name="reset" value="Reset" id="reset"  /&gt;                        &lt;/div&gt;
  
                      &lt;div class="actions-right"&gt;
                          &lt;input type="submit" name="submit" value="Submit" id="submit"  /&gt;                        &lt;/div&gt;
                  &lt;/div&gt;&lt;!-- End of .actions --&gt;
              &lt;/form&gt;            &lt;/div&gt;&lt;!-- End of .box --&gt;
      &lt;/div&gt;&lt;!-- End of .grid_6 --&gt;
  </code></pre>
  
  <p>Any other ideas?</p>
  
  <p><strong>EDIT :</strong></p>
  
  <p>I've looked everywhere in the jQuery docs and can't find how to do this properly.</p>