使 html 输入包含要验证的内容

Question

基本上我想要一个 html 输入必须包含一些东西。 所以我想让用户提交一个 mp3 url，所以我希望输入包含 mp3，如果不包含则不会验证。我已经做了。

<input type="url" />

但这只是确保它是一个 url。 不是 mp3 网址。 要清楚我不能只做 value=".mp3" 因为用户可以删除它。 我在想我将不得不为此使用java脚本。

Answer 1

您可以使用此短代码来验证输入是否包含子字符串.mp3，并在其前面带有文件名。

它实际上检查输入字符串是否匹配正则表达式.+\.mp3。如果我是你，它不会检查我会考虑的其他要求（例如，文件名中的有效字符）。

我可以告诉你是一个初学者，所以我已经简化了它，即使它可以写成更缩写的形式。

function check() {
  var input = document.getElementById("input");
  var output = document.getElementById("result");

  if (input.value.match(/.+\.mp3/g))
    output.innerHTML = "Contains '.mp3'";
  else
    output.innerHTML = "Doesn't contain '.mp3'";
}

<input id="input" type="url" />
<button onclick="check()">check</button>
<div id="result"></div>

Answer 2

<input type="url" value="mp3" />

在这里提问之前你不应该做太多研究......

编辑-----

如果要验证数据，则需要使用 Javascript 或 PHP 来检查输入的值。

如果你显然想在值中得到一些东西（无论如何），使用这个：

<input type="url" value="mp3" required="required" />

如果您显然想要“mp3”作为值，请将此输入类型设置为“隐藏”，这样它就不会出现在用户屏幕上：

<input type="hidden" value="mp3" />