title: How to delete dependent Text Fields Input in this case
body: <p>I have got 5 text fields whose values depends on its preecedor (on each other).</p>
  
  <p>Say </p>
  
  <p>T1 , T2 , T3 , T4 , T5</p>
  
  <p>My requiremnt is that say if one of the Textfield is empty then i i have to make all its successdors empty .</p>
  
  <p><strong>If T2 is made empty ,  then make T3 , T4 , T5 Empty</strong></p>
  
  <p>Similarly </p>
  
  <p><strong>If T3 is made empty ,  then make  T4 , T5 Empty</strong></p>
  
  <p><strong>If T4 is made empty ,  then make   T5 Empty</strong></p>
  
  <pre><code>&lt;div data-role="fieldcontain"&gt;
  
  &lt;label for="name"&gt;T1 Category:&lt;/label&gt;
      &lt;input type="text" name="name" id="t1cat" value=""  onkeypress="return nospecialCharacters(event)"   placeholder="T1" autocomplete="off" /&gt;&lt;/br&gt;
  
  &lt;label for="name"&gt;T2 Category:&lt;/label&gt;
  &lt;input type="text" name="name" id="t2cat" value=""  onkeypress="return nospecialCharactersforT2(event)"   placeholder="T2" autocomplete="off" /&gt;&lt;/br&gt;
  
  &lt;label for="name"&gt;T3 Category:&lt;/label&gt;
  &lt;input type="text" name="name" id="t3cat" value="" onkeypress="return nospecialCharactersforT3(event)"   placeholder="T3"  autocomplete="off" /&gt;&lt;/br&gt;
  
  &lt;label for="name"&gt;T4 Category:&lt;/label&gt;
  &lt;input type="text" name="name" id="t4cat" value="" onkeypress="return nospecialCharactersforT4(event)"   placeholder="T4" autocomplete="off"  /&gt;&lt;/br&gt;
  
  &lt;label for="name"&gt;T5 Category:&lt;/label&gt;
  &lt;input type="text" name="name" id="t5cat" value="" onkeypress="return nospecialCharactersforT5(event)"   placeholder="T5" autocomplete="off" /&gt;&lt;/br&gt;
  
      &lt;input type="button" class= "btn blue" value="Request For This Category" id="requestcatbtn"/&gt;
  
  &lt;/div&gt;  
  
  function nospecialCharacters(e) {
  
        if (e.which == 38 || e.which==64)
              return false;
  
  }
  
  
  function nospecialCharactersforT2(e) {
  
      var T1 = $('#t1cat').val();
  
        if (e.which == 38 || e.which==64 || T1=='')
              return false;
  
  }
  
  function nospecialCharactersforT3(e) {
  
      var T2 = $('#t2cat').val();
  
        if (e.which == 38 || e.which==64 || T2=='')
              return false;
  
  }
  
  function nospecialCharactersforT4(e) {
  
      var T3 = $('#t3cat').val();
  
        if (e.which == 38 || e.which==64 || T3=='')
              return false;
  
  }
  
  function nospecialCharactersforT5(e) {
  
      var T4 = $('#t4cat').val();
  
        if (e.which == 38 || e.which==64 || T4=='')
              return false;
  
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/5odssxkq/2/" rel="nofollow">http://jsfiddle.net/5odssxkq/2/</a></p>