如何使用电子邮件ID猜测用户名?

时间:2015-07-08 04:53:03

标签: javascript username autosuggest

在注册表单中,我正在使用电子邮件ID。我想使用电子邮件ID显示3-5个用户名建议。建议应该与电子邮件ID相关。

var generateRandomUserNames = function (email) {
        var array = [];
        var possible = email.split('@')[0];
        console.log('===========', possible);
        for( var i=0; i < 5; i++ )
             array[i] = possible.substring(0,(Math.floor(Math.random() * possible.length) + 1  ));

}

注意: 电子邮件可能包含句点(。),下划线(_)等特殊字符。

有人可以建议我如何处理包含电子邮件的特殊字符吗?

1 个答案:

答案 0 :(得分:1)

以下是使用电子邮件自动填充用户名的示例。 您可以根据自己的要求进行修改。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Auto-Complete Username using Email</title>
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
 <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
 <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
 <link rel="stylesheet" href="/resources/demos/style.css">
<script>
 $(function() {
 var EmailVal = $('input:text[name=email]').val();
 var Suggestion = EmailVal.split("@")[0];
 var Suggestion2=EmailVal.split(".")[0];
 var availableTags = [
 Suggestion,
 Suggestion2
 ];
 $( "#tags" ).autocomplete({
  source: availableTags
 });
});
</script>
</head>
<body>
 <input type="text"  name="email" value="musakkhir.sayyed@gmail.com" />
 <div class="ui-widget">
 <label for="tags">Tags: </label>
 <input id="tags">
 </div>

 </body>
</html>