javascript - 跳过用户输入的文本字符串中的特殊字符并在 Javascript 中的每个单词后添加连字符

Question

HTML:

    <input type="text" placeholder="Enter page title name" id="text" style="width: 500px;" />
<br />
<br />
<input type="button" value="Click Me" id="button" />

用户输入::“这是拉姆的笔吗？”(不带双引号)

当用户单击按钮时，输入应该是..

期望::“Is-this-Rams-pen”(不带双引号)

主要目标是在每个单词之间添加连字符(-)并跳过其他特殊字符。

在 JavaScript 中可以吗？

Answer 1

使用这段代码。

$('#button').on('click', function() {

    var str = $('#text').val();

  $('#text').val((str.replace(/[^a-z0-9\s]/gi, '').trim().replace(/[_\s]/g, '-')));
})

replace(/[^a-z0-9\s]/gi, '') 将字符串过滤为仅字母数字字符。replace(/[_\s]/g, '-') 将所有下划线和空格替换为连字符。

正则表达式来源:RegEx for Javascript to allow only alphanumeric

<强> JSFIDDLE