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

用户890199

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

礼萨萨达蒂

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

提交后清除文本输入

来自分类Dev

HTML5:在任何文本输入中按ENTER后,如何提交表单?

来自分类Dev

提交失败后更改输入字段的颜色

来自分类Dev

在提示输入后添加文本

来自分类Dev

以编程方式添加文本后,如何在输入中显示文本结尾?

来自分类Dev

如何使用Javascript或Ajax在文本字段中实时注入或添加输入字段的值?

来自分类Dev

单击提交按钮后输入文本区域的文本

来自分类Dev

输入后如何提交搜索字段

来自分类Dev

React:提交表单后如何清除文件输入和数据输入字段?

来自分类Dev

在React中提交表单后无法清除输入字段

来自分类Dev

用户点击提交按钮后,如何从文本框中检索用户输入?

来自分类Dev

如何在输入字段前添加文本

来自分类Dev

在React中使用useEffect函数组件成功提交后如何清除输入字段

来自分类Dev

在Phoenix LiveView中提交后重置表单输入字段

来自分类Dev

提交后如何清除表单输入?

来自分类Dev

如何用用户输入后出现的前置文本创建文本字段

来自分类Dev

如何在“提交”按钮后添加对字段的验证

来自分类Dev

填充现有字段后如何在表单中添加一组输入字段

来自分类Dev

在输入文本后如何在同一个字段中附加输入

来自分类Dev

动态添加其他文本输入字段后,jQuery自动完成失败

来自分类Dev

提交后如何清空md-autocomplete文本字段?

来自分类Dev

提交后Spark如何接受输入

来自分类Dev

mvc - 输入时提交文本输入字段

来自分类Dev

在列表中添加元素后如何空白输入字段?

来自分类Dev

如何在输入字段后添加星号并且放大后的位置相同

来自分类Dev

提交到数据库后如何清除输入字段

来自分类Dev

如何在输入字段后添加字体图标?

来自分类Dev

如何重定向文本字段输入要提交表单的命令而不是按钮中途表单?

来自分类Dev

提交后如何清空表单的字段?

Related 相关文章

  1. 1

    提交后清除文本输入

  2. 2

    HTML5:在任何文本输入中按ENTER后,如何提交表单?

  3. 3

    提交失败后更改输入字段的颜色

  4. 4

    在提示输入后添加文本

  5. 5

    以编程方式添加文本后,如何在输入中显示文本结尾?

  6. 6

    如何使用Javascript或Ajax在文本字段中实时注入或添加输入字段的值?

  7. 7

    单击提交按钮后输入文本区域的文本

  8. 8

    输入后如何提交搜索字段

  9. 9

    React:提交表单后如何清除文件输入和数据输入字段?

  10. 10

    在React中提交表单后无法清除输入字段

  11. 11

    用户点击提交按钮后,如何从文本框中检索用户输入?

  12. 12

    如何在输入字段前添加文本

  13. 13

    在React中使用useEffect函数组件成功提交后如何清除输入字段

  14. 14

    在Phoenix LiveView中提交后重置表单输入字段

  15. 15

    提交后如何清除表单输入?

  16. 16

    如何用用户输入后出现的前置文本创建文本字段

  17. 17

    如何在“提交”按钮后添加对字段的验证

  18. 18

    填充现有字段后如何在表单中添加一组输入字段

  19. 19

    在输入文本后如何在同一个字段中附加输入

  20. 20

    动态添加其他文本输入字段后,jQuery自动完成失败

  21. 21

    提交后如何清空md-autocomplete文本字段?

  22. 22

    提交后Spark如何接受输入

  23. 23

    mvc - 输入时提交文本输入字段

  24. 24

    在列表中添加元素后如何空白输入字段?

  25. 25

    如何在输入字段后添加星号并且放大后的位置相同

  26. 26

    提交到数据库后如何清除输入字段

  27. 27

    如何在输入字段后添加字体图标?

  28. 28

    如何重定向文本字段输入要提交表单的命令而不是按钮中途表单?

  29. 29

    提交后如何清空表单的字段?

热门标签

归档