title: Validating textbox when it was shown using jQuery form rules
body: <p>I have a form which generates textbox when the user selects "others" in dropdown..</p>
  
  <p>Dynamic textbox generation was done and I can able to get the value of "others" textbox.</p>
  
  <p>But my Problem is </p>
  
  <p>1) I want to validate the others textbox when it was shown..</p>
  
  <p>How to do the validation any Suggesstions please..</p>
  
  <pre><code>&lt;form name="f2" id="f2" method="post" action="" enctype="multipart/form-data"&gt;
      Type:
      &lt;select name="type"  id="type" onchange='CheckColors(this.value);'&gt; 
          &lt;option value="1"&gt;1&lt;/option&gt;
          &lt;option value="2"&gt;2&lt;/option&gt;
          &lt;option value="3"&gt;3&lt;/option&gt;
          &lt;option value="others"&gt;others&lt;/option&gt;
      &lt;/select&gt;
      &lt;input type="text" name="others" id="others" style='display:none;'/&gt;
      &lt;input type="submit" name="submit"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>//Here is the script to validate the form..I want to validate the the other textbox when only it appears..How to do that?</p>
  
  <pre><code>&lt;script type = "text/javascript"&gt;
  $(document).ready(function () {
      $("#f2").validate({
          debug: false,
          rules: {
              type: {
                  required: true
              },
              others: {
                  required: true
              },
              messages: {
                  //messages for required
              }
          });
      }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>I tried the above process but it always shows the required filed two times side by side.</p>