代码改变世界

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

2011-04-25 12:07  音乐让我说  阅读(1307)  评论(0)  编辑  收藏  举报

代码：

<%@ 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>

谢谢浏览！