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

Question

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

标签： javascripthtml

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">