TypeError：input.includes 不是函数

Posted

技术标签:

【中文标题】TypeError：input.includes 不是函数【英文标题】：TypeError: input.includes is not a function 【发布时间】：2021-08-23 10:15:59 【问题描述】：

所以我正在制作一个简单的脚本来检查输入字段是否包含“@”，但是每当我运行下面的代码时，我都会收到以下错误：TypeError: input.includes is not a function。

代码：

function check() 
    var input = document.getElementById('input');

    if(input.includes("@")) 
        alert("Success!!");

如果有帮助，这是我的 html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>opdracht3</title>
</head>
<body>
    <form>
        <input type="text" id="input">
        <input type="button" value="Go" onclick="check()"></button>
    </form>

    <script src="opdracht3.js"></script>
</body>
</html>

【问题讨论】：

【参考方案1】：

您需要输入的值。将.value 添加到您的代码中：

function check() 
  var input = document.getElementById('input');

  if (input.value.includes("@")) 
    alert("Success!!");
  

<form>
  <input type="text" id="input">
  <input type="button" value="Go" onclick="check()"></button>
</form>

【讨论】：

我不知道我怎么没想到这一点，谢谢！

以上是关于TypeError：input.includes 不是函数的主要内容，如果未能解决你的问题，请参考以下文章