javascript - WordPress 根据用户名自动生成电子邮件

Question

我在新用户注册表单中遇到了一些问题，我想要的是让电子邮件字段自动填充根据用户名生成的虚拟电子邮件。

例如，如果用户输入user1，则生成的电子邮件应为user1@test.com

我希望它在新用户表单中完成，以防用户拥有真实的电子邮件，可以指定它而不是虚拟的电子邮件。

我尝试过一些 javascript 和 jQuery，但我无法让它工作，你可以看到下面的代码。

jQuery('#user_login').on('input propertychange paste', function()
{
    var x = $('#user_login').val();
    $($email).val( x + '@test.com');
}); 

当前的 JavaScript

<script>
$("user_login").change(function AutoEmail() {
    var x= $('#user_login').val();
    $('#email').val(x+'@test.com');
});
</script>

另外，这段代码应该放在哪里？，我对 WordPress 中的组织方式有点迷失。

Answer 1

试试这个。

    $(document).on( "input", "#user_login", function AutoEmail() {
        var x= $('#user_login').val();
      if( x != "" ) {
          $('#email').val(x+'@test.com');
      } else {
         $('#email').val("");
      }
       
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
Username: <input type = "text" id = "user_login"><br>
Email: <input type = "text" id = "email">