jquery radio button validation
<p>hello I'm using a single search option field for searching in different ways by clicking the radio buttons given on that page. For example search by search-client-by-id,search-client-by-name,search-client-by-emailid etc. and i want to put different jquery validations on it on the same search field by clicking on different radio buttons.</p>

<p>the validations used for this purpose are like this demo:
<a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html" rel="nofollow">http://www.position-relative.net/creation/formValidator/demos/demoValidators.html</a></p>

<pre><code>&lt;div class="search-job-txtbox" &gt;
      &lt;input type="text" name="clientSearchText" id="clientSearchText" value="" class="search-txtbox" onkeyup="javascript:searchByCriteria(this.value,'radio');"/&gt;
      &lt;div class="search-icon"&gt;&lt;a href="javascript:;"&gt;&lt;a href="javascript:;"&gt;&lt;img src="&lt;%=request.getContextPath()%&gt;/images/search-icon.gif" width="25" alt="Search" title="Search" height="25" /&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="job-options"&gt;
      &lt;div class="job-checkbox"&gt;&lt;input type="radio" name="radio" id="radio" value="search-client-by-id" checked="true" onclick="javascript:searchByCriteria();"/&gt;&lt;/div&gt;
    &lt;h5&gt;ID&lt;/h5&gt;
    &lt;div class="job-checkbox"&gt;&lt;input type="radio" name="radio" id="radio" value="search-client-by-name" /&gt;&lt;/div&gt;
    &lt;h5&gt;Name&lt;/h5&gt;
    &lt;div class="job-checkbox"&gt;&lt;input type="radio" name="radio" id="radio" value="search-client-by-emailid" /&gt;&lt;/div&gt;
    &lt;h5&gt;Email&lt;/h5&gt;
     &lt;div class="job-checkbox"&gt;&lt;input type="radio" name="radio" id="radio" value="search-client-by-contact-number" /&gt;&lt;/div&gt;
    &lt;h5&gt;Contact&lt;/h5&gt;
    &lt;/div&gt;
</code></pre>
