使用jQuery根据用户输入自动生成名称

Question

我有两个要根据用户输入命名的输入字段，但此名称应为小写，单词之间的空格改为“-”。 我就是这样

 $(function() { $("#name").keyup(function() { var name = $("#name").val(); var alias = name.charAt(0); $("#alias").val(alias); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <input name="name" class="text-input medium-input" type="text" id="name" value="" /> <input name="alias" class="text-input medium-input" type="text" id="alias" /> 

这给了我我在第一个输入字段中写“ arslan”，然后在第二个输入字段中显示“ a”的结果
只显示一个字母

Answer 1

我想根据用户输入来命名，但该名称应为小写，单词之间的空格改为“-”。

使用replace

$("#alias").val( name.replace( /\s+/g, "-" ) );

您的功能应如下所示

 $(function() {
     $("#name").keyup(function() {
        var name = $("#name").val();
        $("#alias").val( name.toLowerCase().replace( /\s+/g, "-" ) );
     });
  });

Answer 2

您应该将整个条目从名称输入复制到别名，同时用'-'替换空格并将其变为小写。

$("#name").keyup(function() {
  $("#alias").val($(this).val().replace(" ", "-").toLowerCase());
});

Answer 3

简单的解决方案

var name = $("#name").val().toLowerCase();
var alias = name.split(" ").join("-");
$("#alias").val(alias);

Answer 4

这对你有帮助

 $(function() {
      $("#name").keyup(function() {
       var name = $("#name").val().toLowerCase();
       $("#alias").val(name.replace(/-/g,' '));
     });
  });

replace将全部更改-名称中带有空格