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

时间:2018-03-11 11:18:42

标签: javascript html validation input

基本上我想要一个html输入必须包含一些内容。 所以我想让用户提交一个mp3网址,所以我希望输入包含mp3并且不会验证它是否不存在。我已经完成了。



<input type="url" />
&#13;
&#13;
&#13;

但这只是确保它的网址。 不是mp3网址。 要清楚我不能只做值=&#34; .mp3&#34;因为用户可以删除它。 我以为我将不得不使用java脚本。

2 个答案:

答案 0 :(得分:1)

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

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

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

&#13;
&#13;
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'";
}
&#13;
<input id="input" type="url" />
<button onclick="check()">check</button>
<div id="result"></div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

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

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

编辑-----

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

如果您希望显然在值中获得某些内容(无论如何),请使用以下内容:

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

如果你显然想要&#34; mp3&#34;作为值,将此输入类型设置为&#34;隐藏&#34;这样它就不会出现在用户的屏幕上:

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