自动生成邮箱号并填入input输入框的实现方法

我们在做网站表单的时候可能会用到自动填入邮箱，这里就教大家一个自动生成邮箱号并填入input输入框的实现方法。

这里以自动生成一个QQ邮箱并填入为例，先看看效果演示；

具体实现请看下面代码：

<div class="make-email" style="text-align:center;">
<span style="color:red;">* </span><span>邮箱：</span>
<input type="text" id="email" name="email" value="" placeholder="自动生成邮箱">
<a href="javascript:location.reload();">点击刷新看效果</a>
</div>

<script type="text/javascript">　　　　　　
function randomPassword(size)
{
  var seed = new Array('1', '2','3','4','5','6','7','8','9'
  );//数组
  seedlength = seed.length;//数组长度
  var createPassword = '';
  for (i=0;i<size;i++) {
    j = Math.floor(Math.random()*seedlength);
    createPassword += seed[j];
  }
  return createPassword;
}
　document.getElementById('email').value = randomPassword(9)+"@qq.com";
　//调试输出查看　　　　　　
</script>

实现后的效果如下图，刷新一次页面就会自动生成一个新的邮箱。

如果需要点击按钮再生成只要添加下点击事件就可以了。