javascript - 如何使用 jquery 覆盖/替换目标输入上的字符串

Question

我有 2 个输入框。 1=原始，2=结果。我想用“-”(破折号)替换 #box2 中的空格。

所以我有:

$("#box1").on('input', function() {
  var stts = $(this).val();
  dashed = stts.replace(/ /g, "-");
  $("#box2").val(dashed);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="box1" placeholder="original" />
<input type="text" id="box2" placeholder="dashed string" />

但问题是当原来的 box1 里面有“-”。按下空格时。目标中有双虚线“--”。

问题是:如何覆盖原来的“-”(破折号)。所以目的地里面只有一个“-”？ - https://jsfiddle.net/kcsyjrmL/

在这里工作:https://jsfiddle.net/kcsyjrmL/4/ (感谢 gurvinder372)

工作 2:https://jsfiddle.net/kcsyjrmL/5/ (感谢 Jp Mohan，修复空间空间)

Answer 1

how to override the original "-" (dash). So it have only one "-" inside the destination?

用\s+替换空格

dashed = stts.replace(/(\s|\-)+/g, "-");

演示

$("#box1").on('input', function() {
  var stts = $(this).val();
  dashed = stts.replace(/(\s|\-)+/g, "-");
  $("#box2").val(dashed); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="box1" placeholder="original" />
<input type="text" id="box2" placeholder="dashed string" />