title: Required JSF input component which is hidden by JavaScript is still validated
body: <p>I have a list of values from ,from the list of values i want to check some values means at that corressponding text box will show in bottom.Otherwise the text box will be hidden.I have done this process using javascript. But my issues is i have to validate  using required=true attribute. But the problem is the hidden text box also validated.</p>
  
  <p>Primefaces pages for List values:</p>
  
  <pre><code>     &lt;p:selectManyCheckbox onchange="checkValue();" value="#{volunteerBean.knowAbt}" layout="pageDirection" id="s" immediate="true" required="true" requiredMessage="Select how to konws about cv?" style="width:300px;height:170px;"&gt;
       &lt;f:selectItems value="#{volunteerBean.hearLst}" var="he"  itemLabel="#{he}" itemValue="#{he}" /&gt;
       &lt;p:ajax event="change" update="msg1111" /&gt;
       &lt;/p:selectManyCheckbox&gt;
  </code></pre>
  
  <p>Input Text Box coding:</p>
  
  <pre><code>    &lt;p:inputText style="display:none;" id="searchEngine" value="#{volunteerBean.searchEngine}"&gt;&lt;p:watermark for="searchEngine" value="Search Engine"/&gt;
  </code></pre>
  
  <p>JavaScript for hidden and show inputText through checking the list of checkBox:</p>
  
  <pre><code>    function checkValue() {
      var chk = document.getElementById("volunteerForm:s:10");
               if (chk1.checked) {
              document.getElementById('volunteerForm:searchEngine').style.display='';
              }else {
      document.getElementById('volunteerForm:searchEngine').style.display='none';
              }
          }
  </code></pre>
  
  <p>I am using primefaces 3.0  and jsf 2.0. How to solve it</p>