在電子郵件輸入後顯示gravatar在div中輸入

Question

我想要做的是「用戶完成輸入他/​​她的電子郵件並已移至密碼字段或剛輸入完電子郵件，讓jquery加載用戶gravatar基於登錄頁面上插入的電子郵件，並將該圖像加載到包含臨時無圖像圖像的div中。「

我怎樣才能做到這一點與jQuery

Answer 1

沒有給出HTML

<input id="email" ... /><img id="gravatar" style="display:none;"/> 

它不需要阿賈克斯有人建議，因爲通話的gravatar很簡單。

jQuery的

$('#email').on('change', function(){ 
    var hash=md5($('#email').val()); // you will need to find a javascript md5 function 
    $('#gravatar').attr('src', 'http://www.gravatar.com/avatar/' + hash).show(); 
}); 

我沒有打擾預加載圖像。

「或纔打完電子郵件」 - 如果你想這樣做，你會扔在一個電子郵件地址驗證功能，並檢查KEYUP了。

$('#email').on('keyup change', function(){ 
    if (is_email_address($(this).val()){ 
     var hash=md5($('#email').val()); // you will need to find a javascript md5 function 
     $('#gravatar').attr('src', 'http://www.gravatar.com/avatar/' + hash).show(); 
    } 
});