Question

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

如何使用jQuery

执行此操作

Answer 1

没有HTML

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

它不像某人建议的那样需要ajax，因为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();
});

我没有费心预装图片。

“或刚刚完成输入电子邮件” - 如果你想这样做，你会投入电子邮件地址验证功能并检查密钥。

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

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

1 个答案: