title: How to make user to choose an option of dropdown box?
body: <p>I am using the following <a href="https://stackoverflow.com/questions/12467682/jquery-validate-dropdown-list">answer</a> to implement a required dropdown box. The only difference is that the code of dropdown box in my application is in a new page which will be popped up. </p>
  
  <p>The problem is that once user select any option including the one with none value, the form gets submitted!</p>
  
  <p><strong>Page 1</strong></p>
  
  <pre><code>   &lt;script src="http://ajax.aspnetcdn.com/ajax/jquery.validate
                                                           /1.9/jquery.validate.js"
                                                          &lt;/script&gt;
     &lt;script type="text/javascript"&gt;
  
            $("#everything").validate({
                messages: {
                    dd1: {
                       required: "Please select an option from the list, if 
                                  none are appropriate please select 'Other'"
                  }
              }
            });
            function popup(){
               document.getElementById("mydropbox").style.display = "Block";
                &gt;&gt; send request to server to show the Page 2 in body of mydropbox &lt;&lt;
               return false;
            }
     &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;a href="" OnClick="return popup()"&gt;popup&lt;/a&gt;
  
      &lt;div id="mydropbox"&gt;&lt;/div&gt;
  ...  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>page 2</strong></p>
  
  <pre><code>&lt;html&gt;
   &lt;body&gt;
      &lt;form id="everything"&gt;
               &lt;label for="dd1"&gt;Select the best option&lt;/label&gt;&lt;br/&gt;
               &lt;select name="dd1" id="dd1" class="required"&gt;
                   &lt;option value=""&gt;None&lt;/option&gt;
                   &lt;option value="o1"&gt;option 1&lt;/option&gt;
                   &lt;option value="o2"&gt;option 2&lt;/option&gt;
                   &lt;option value="o3"&gt;option 3&lt;/option&gt;
               &lt;/select&gt; 
               &lt;br/&gt;&lt;br/&gt;
               &lt;input type="submit" /&gt;
     &lt;/form&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>