Question

因此，在我的项目中，我有一个输入和一个div，它显示了在模型验证清除空白并将其替换为下划线后应模拟域名的实时输入值。我想知道是否可以在实时显示中做到这一点。我对jQuery有点虚弱，并且不太确定如何进行此操作。

这是Ruby on Rails项目。

我当前的代码：

    <%= a.label :company_name, "Company Name", class: "label", for: "company_name" %>
    <%= a.text_field :company_name, id: "company_name", class: "input"%>
    <div class="-mt-4"><span id="domain" class="sm:invisible md:visible text-gray-700 text-xs italic">company_name</span><span class="sm:invisible md:visible text-gray-700 text-xs italic">.loadze.co</span></div>

jQuery脚本：

<script>
  $('#company_name').keyup(function () {
    $('#domain').text($(this).val());
  });
</script>

当前脚本在显示输入字段的值时起作用，但是如果插入空格，我真的想显示下划线。

这里的任何帮助都会很棒！

Answer 1

您可以简单地使用Javascript函数.replace（）

$('#domain').text($(this).val().replace(" ", "_"));

这将用下划线替换空格。要用下划线替换所有空格，请使用正则表达式：

.replace(/ /gi, "_");

用下划线jQuery替换空白

1 个答案: