Javascript 清除文本框、文本域中的 HTML 代码

最新推荐文章于 2021-06-05 00:42:39 发布

转载最新推荐文章于 2021-06-05 00:42:39 发布 · 289 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Music/archive/2011/04/25/javascript-remove-textbox-html-code.html

文章标签：

#javascript #xhtml #c# #ViewUI

本文介绍了一种使用JavaScript从文本框中移除HTML标签的方法。提供了两种不同的函数实现：一种是在按钮点击事件中调用，另一种是通过键盘事件实时更新。这两种方法都能有效地清除输入中的HTML标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JSRemoveHTML.aspx.cs" Inherits="WebUI.JSRemoveHTML" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script language="JavaScript" type="text/JavaScript">
        function RemoveHTML()
        {
            var strText = document.getElementById("txtAskTitle").value;
            var regEx = /<[^>]*>/g;
            document.getElementById("txtAskTitle").value = strText.replace(regEx, "");
        }
        ///移除HTML代码，
        function RemoveHTML2(obj, event)
        {
            var argumentsLength = arguments.length;
            if (argumentsLength == 2)
            {
                //KeyUp
                if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40)
                {
                    return;
                }
                if (window.event.ctrlKey && event.keyCode == 65)
                {
                    return;
                }
            }
            var tempValue = obj.value.replace(/<\/?[^>]+>/g, ""); //去除HTML tag
            tempValue = tempValue.replace(/[ | ]*\n/g, "\n"); //去除行尾空白
            tempValue = tempValue.replace(/\n[\s| | ]*\r/g, "\n"); //去除多余空行
            if (obj.value != tempValue)
            {
                obj.value = tempValue;
            }
            document.getElementById("divShow").innerHTML = obj.value;
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        SessionID：<asp:Literal ID="ltSessionId" runat="server"></asp:Literal>
    </div>
    <div>
        &</div>
    <div>
        <textarea rows="20" cols="50" id="txtAskTitle" name="txtAskTitle" onkeyup="RemoveHTML2(this,event)"
            onblur="RemoveHTML2(this)"></textarea>
        <input type="button" value="去掉HTML" onclick="RemoveHTML();" />
        <asp:Button ID="btnSubmit" runat="server" Text="提交" OnClick="btnSubmit_Click" />
        <div id="divShow">
            <asp:Literal ID="ltShow" runat="server" Text=""></asp:Literal>
        </div>
    </div>
    </form>
</body>
</html>

谢谢浏览！

转载于:https://www.cnblogs.com/Music/archive/2011/04/25/javascript-remove-textbox-html-code.html