標籤更改

Question

後

我的問題是，當其具有錯誤消息，並且用戶試圖更改的選項卡，然後再返回到註冊我的登記表的錯誤信息仍然存在又該如何清除/從onblur事件刪除值當我更改標籤並且再次點擊註冊鏈接時，我確實能夠刪除錯誤消息嗎？

<script src="http://code.jquery.com/jquery-1.8.1.js"></script> 
    <script> 
     $(function() {   
      var tabContainers = $('section.tabs > article'); 
      tabContainers.hide().filter('#login').show(); 

      $('.ultabs a').click(function() { 
       tabContainers.hide(); 
       tabContainers.filter(this.hash).show(); 
       $('.ultabs a').removeClass('selected'); 
       $(this).addClass('selected'); 
       return false; 
      }); 
     }); 
     function check_email() { 
      var email=$("#textEmail").val(); 
      $.ajax(
      { 
       type:"POST", 
       url:"register.php", 
       data: { 
       'email': email 
       }, 
       success:function(msg) { 
        $("#checkEmail").html(msg); 
       } 
      }); 
      return false; 
     } 
     function check_password() { 
      var pass=$("#textPassword").val(); 
      $.ajax(
      { 
       type:"POST", 
       url:"register.php", 
       data: { 
       'pass': pass 
       }, 
       success:function(msg) { 
        $("#checkPassword").html(msg); 
       } 
      }); 
      return false; 
     } 
    </script> 

<nav id="siteNav"> 
    <h1>Navigation</h1> 
    <ul class="ultabs"> 
     <li><a href="#login">Login</a></li> 
     <li><a href="#register">Register</a></li> 
    </ul> 
</nav> 
<section id="siteContent" class="tabs"> 
    <h1>Section</h1> 
    <article id="login"> 
     <h1>Login</h1> 
     <table> 
      <tr> 
       <td class="message" colspan="2"></td> 
      </tr> 
      <tr> 
       <td>E-mail:</td><td><input type="email"></td> 
      </tr> 
      <tr> 
       <td class="message" colspan="2"></td> 
      </tr> 
      <tr> 
       <td>Password:</td><td><input type="password"></td> 
      </tr> 
      <tr> 
       <td colspan="2"><input type="button"></td> 
      </tr> 
     </table> 
    </article> 
    <article id="register"> 
     <h1>Register</h1> 
     <table> 
      <tr> 
       <td class="message" colspan="2"></td> 
      </tr> 
      <tr> 
       <td>Name:</td><td><input type="text"></td> 
      </tr> 
      <tr> 
       <td id="checkEmail" class="message" colspan="2"></td> 
      </tr> 
      <tr> 
       <td>E-mail:</td><td><input id="textEmail" type="email" onblur="return check_email()"></td> 
      </tr> 
      <tr> 
       <td id="checkPassword" class="message" colspan="2"></td> 
      </tr> 
      <tr> 
       <td>Password:</td><td><input id="textPassword" type="password" onblur="return check_password()"></td> 
      </tr> 
      <tr> 
       <td class="message" colspan="2"></td> 
      </tr> 
      <tr> 
       <td>Re-type:</td><td><input type="password"></td> 
      </tr> 
      <tr> 
       <td colspan="2"><input type="button"></td> 
      </tr> 
     </table> 
    </article> 
</section> 

Answer 1

可以清除哪裏是你的代碼，增加了錯誤信息的標籤

$('.ultabs a').click(function() { 
    $('.message').html(''); 
    // the rest of your code 
}); 

Answer 2

我會建議你使用驗證器插件，像由Bassistance提供的一個 - http://bassistance.de/jquery-plugins/jquery-plugin-validation/。它會處理錯誤消息，而無需你進入驗證的細節問題....