HTML判断用户输入的信息是否含有敏感词admin并替换为***|极客教程

HTML判断用户输入的信息是否含有敏感词admin并替换为***

在网页开发中，我们经常需要对用户输入的信息进行过滤，特别是对于一些敏感词汇的处理。本文将介绍如何使用HTML和JavaScript来判断用户从键盘输入的信息是否含有敏感词”admin”，如果存在则将敏感词使用***替换。

1. 使用input元素接收用户输入

首先，我们需要在HTML中使用input元素来接收用户从键盘输入的信息。以下是一个简单的示例代码：

<!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>Input Demo</title>
</head>
<body>
    <input type="text" id="inputText" placeholder="请输入信息">
</body>
</html>

Output:

HTML判断用户输入的信息是否含有敏感词admin并替换为***

在上面的示例中，我们创建了一个文本输入框，用户可以在其中输入信息。

2. 使用JavaScript判断输入信息中是否含有敏感词admin

接下来，我们需要使用JavaScript来判断用户输入的信息中是否含有敏感词”admin”。以下是一个示例代码：

<!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>Filter Demo</title>
</head>
<body>
    <input type="text" id="inputText" placeholder="请输入信息">
    <button onclick="filterText()">检查敏感词</button>
    <p id="result"></p>

    <script>
        function filterText() {
            const inputText = document.getElementById('inputText').value;
            if (inputText.includes('admin')) {
                document.getElementById('result').innerText = '输入信息中含有敏感词';
            } else {
                document.getElementById('result').innerText = '输入信息中不含有敏感词';
            }
        }
    </script>
</body>
</html>

Output:

HTML判断用户输入的信息是否含有敏感词admin并替换为***

在上面的示例中，我们通过JavaScript的includes方法判断用户输入的信息中是否含有”admin”，并在页面上显示相应的提示信息。

3. 将敏感词admin替换为***

最后，我们需要将用户输入信息中的敏感词”admin”替换为***。以下是一个示例代码：

<!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>Replace Demo</title>
</head>
<body>
    <input type="text" id="inputText" placeholder="请输入信息">
    <button onclick="replaceText()">替换敏感词</button>
    <p id="result"></p>

    <script>
        function replaceText() {
            const inputText = document.getElementById('inputText').value;
            const replacedText = inputText.replace(/admin/g, '***');
            document.getElementById('result').innerText = replacedText;
        }
    </script>
</body>
</html>