Question

我正在尝试创建一个表单，该表单将根据输入的名字和姓氏自动填写文本字段。例如：

如果姓氏是：史密斯如果名字是：约翰电子邮件地址应自动填写为：smithj@abc.com 用户名应自动完成为：smithj。我有以下代码来完成用户名，但我无法弄清楚如何完成电子邮件部分。

非常感谢任何帮助。

<form method="post" name="form" action="">
<div><label for="lname">Last Name: </label><input type="text" name="lname" id="lname" /></div>

<div><label for="fname">First Name: </label><input type="text" name="fname" id="fname" onblur="
if(document.form.username.value=='' && document.form.lname.value!='' && document.form.lname.value!='') {
     var username = '';
     if(document.form.fname.value.length >= 4) {
          username = document.form.lname.value.substr(0,49) + document.form.fname.value.substr(0,1);
     } else {
          username = document.form.lname.value.substr(0,49) + document.form.fname.value.substr(0,4);
     }
     username = username.replace(/\s+/g, '');
     username = username.replace(/\'+/g, '');
     username = username.replace(/-+/g, '');
     username = username.toLowerCase();
     document.form.username.value = username; 

     }" /></div>


<div><label for="Email"> Email:      </label><input type="text" name="Email" /></div>
<div><label for="username">Username: </label><input type="text" name="username" id="username"/></div>
</form>

Answer 1

只是为了使其成为一个完整的答案;）将以下内容添加到您的脚本中，并将电子邮件与用户名一起填充，假设您只是在未设置用户名时填写它：

if (document.form.email.value == '') {
    var email = username + '@abc.com';
    document.form.email.value = email;
}

Javascript自动填充表格并在预填字段中附加文字

1 个答案: