javascript - 如何让输入字段在提交后添加文本

Question

我想知道是否可以有一个输入字段，在用户输入他们想要的信息后添加一些文本。前任。用户在搜索栏中输入 youtube.com，并且输入适用 https://www .

Answer 1

您可以使用事件监听器来更改输入字段的值。

使用 RegEx 查明字符串 (https://www.) 之前是否已设置(例如通过复制并粘贴 URL)。

这是一个例子:

document.getElementById('url').addEventListener('keyup', (e) => {
  if (!/^(https:\/\/www.)/.test(e.target.value) && e.target.value) {
    e.target.value = `https://www.${e.target.value}`;
  }
});

<input type="text" id="url">