Jquery 电子邮件输入后在div中显示gravatar

我想做的是“一个用户已经完成了他/她的电子邮件的输入，并移动到了密码字段或刚刚完成了电子邮件的输入，让jquery根据登录页面上插入的电子邮件加载用户gravatar，并将此图像加载到包含临时无图像图像的div中。”

如何使用jQuery来实现这一点

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

我没有费心预先加载图像

“或者刚刚输入完电子邮件”-如果你想这样做，你可以加入一个电子邮件地址验证功能并检查keyup

$('#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();
});

---

您可以使用jquery异步ajax调用来实现这一点……是否有可能使用一些相关的HTML，以便在上下文中回答它？

$('#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();
    }
});