通過單擊圖像重置textfield

Question

我有一個圖像，如果點擊，其他div將通過使用jquery的不透明度爲0。我還想，如果圖像被點擊，我會重置文本框。

這裏是我的代碼。

<div id=loginExit> 
    <img class='loginEXIT' src='Site_Images/close.png'> 
</div> 
<div id=loginForm> 
    <div class=formC> 
     <form name='loginForm' action='loginC.php' method='post'> 
      <font face='Verdana' color=#d6d5d0 size=2> 
       Email Address: &nbsp; 
       <input type=text name='eadd' id=eaddtf style='width:150px;height:20px;border:1px solid #37749e;margin-bottom:5px;'> 
       <br> 
       Password: &nbsp; 
       <input type=password name='pass' style='width:150px;height:20px;border:1px solid #37749e;margin-bottom:5px;'> 
       <br> 
       <input type=submit value='Login' class='login2' name=Submit style='cursor: pointer;text-decoration:none;font-size:14px; background-color:#46ae18; border:2px solid #58e01b;width:100px;'> 
      </font> 
     </form> 
    </div> 
    <div class=clear></div> 
</div> 


$('.loginEXIT').click(function($event){ 
    $('#eaddtf').val(''); 
    $('#login').animate({opacity:0.0},'slow') 
    $('#login').animate({left:-100000},'fast') 
}); 

我想重置input#eaddtf的文本框。我怎麼能夠？

Answer 1

復位對我的作品，但你忘了把ID的登錄按鈕

<input type=submit value='Login' class='login2' id="login" name=Submit style='cursor: pointer;text-decoration:none;font-size:14px; background-color:#46ae18; border:2px solid #58e01b;width:100px;'> 

Answer 2

試試這個（我不知道爲什麼你的解決方案是不工作）：

$(document).on('click', '.loginEXIT', function() { 
    $('#eaddtf').val(''); 
    $('#login').animate({opacity:0.0},'slow') 
    $('#login').animate({left:-100000},'fast') 
});