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

最新推荐文章于 2021-06-03 10:52:31 发布
最新推荐文章于 2021-06-03 10:52:31 发布
阅读量372 收藏
点赞数
文章标签： javascript xhtml c# ViewUI 
<%@ 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" οnkeyup="RemoveHTML2(this,event)" 

            οnblur="RemoveHTML2(this)"></textarea>  

        <input type="button" value="去掉HTML" οnclick="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>
iteye_6481
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
移动端H5-给文本框加入清空按钮
u012201879的博客
12-05 1077
<input v-model="ownerName" type="text" maxlength="16" placeholder="请输入申请人姓名 " @focus="userFocus()" @blur="userBlur()" autocomplete="off"> <van-icon class="close_icon" name="clear" color=...
【Selenium WebDriver自动化测试实例】清除文本框内容！
Kydk0013的博客
07-11 2257
**package navigateBack; import org.testng.annotations.Test; import org.testng.annotations.BeforeClass; import org.apache.http.util.Asserts; import org.openqa.selenium.By; import org.openqa.selenium.We...
JS仿百度搜索框输入文字删除代码.zip
07-05
JS仿百度搜索框输入文字删除代码是一款带删除效果的input输入框删除文字搜索框代码。
JS实现搜索框文字可删除功能
10-20
本文给大家分享一段js代码实现搜索框文字可删除功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
html5清空文本框的内容,Clear Element Text关键字——主要用来清空文本框中的内容...
weixin_35753431的博客
06-03 921
Clear Element Text：主要用来清空文本框中的内容；接收一个locator参数=================================================================Open Browser http://www.baidu.com chromeClear Elemen...
JS清空多文本框、文本域示例代码
01-19
点击按钮用Javascript清空页面上所有的文本框|文本域,代码如下: 代码如下: [removed] <!– function cls(){ var sum=0; var t = document.getElementsByTagName(“INPUT”); for (var i=0; i <t.length;i++){ ...
【JavaScript源代码】element的表单元素使用总结.docx
12-28
3. **文本域**：`<el-input>`组件加上`type="textarea"`变为多行文本输入，`rows`用于指定行数，`autosize`可使高度随内容自适应，还可以通过`:autosize="{minRows: 2, maxRows: 4}"`设置最小和最大行数。...
超实用的jQuery代码段
03-04
2.11 如何限制文本域中字符的个数 2.12 如何选中页面上的所有复选框 2.13 禁用表单的回车键提交 2.14 禁用右键单击上下文菜单 2.15 IE下禁用文本选择功能 2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框...
jQuery获取和设置文本框光标
12-11
"jQuery获取和设置文本框光标"这个主题是关于如何利用jQuery来控制HTML输入元素（如文本框）中的光标位置以及选定文本的操作。这在创建富文本编辑器、自定义表单组件或实现某些特殊交互时非常有用。 首先，让我们...
html入门到放弃笔记
05-15
HTML中用于描述功能的符号称为"标记" 标记在使用时，用尖括号 "<>",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法：<标记>内容标记> Demo ： 1、创建 p 标记 --<p>...</p> 2、创建 ...
删除输入框的文字
08-28
简单的一个Demo 实现删除文本框的文字，删除图片能够随着文字的显示而显示
[JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别：关于内容泄露问题
热门推荐
王德封-逐浪
11-05 5万+
清空元素html("")、innerHTML="" 与 empty()的区别 一、清空元素的区别      1、错误做法一：            $("#test").html("");//该做法会导致内存泄露 2、错误做法二：            $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露 3、正确做法：
清空文本框所有内容
lvmengmeng
06-10 7127
转自：http://blog.csdn.net/zhengqiqiqinqin/article/details/9302527 js或者jquery清空文本框所有内容 reset只能重置文本框的内容，有时候不满足我们的需求，可以使用如下方法进行清空文本框的内容： jquery实现： [javascript] view plaincopy
js 清除html页面,如何使用JavaScript清除div的内容？
weixin_32021363的博客
06-03 4661
JavaScript提供清除div内容的功能，想要执行此功能有两种方法：一种是使用innerHTML属性，另一种是使用firstChild属性和removeChild()方法。下面本篇文章就来给大家介绍一下，希望对大家有所帮助。方法1：使用innerHTML属性HTML DOM对象的innerHTML属性用于设置或返回元素的HTML内容。只有将innerHTML属性设置为none就可清除div的内...
清除input文本框内容
吕小威的博客
12-23 1万+
清除input文本框内容 效果： html代码： <div class="item-input-wrap" > <input type="text" placeholder="建议使用常用手机号" maxlength="11" id="tel" name="tel"> <a href="javascript:;" id="wrap-clear">&l...
JavaScript文本域事件教程：onFocus, onBlur, onChange详解
文本域事件是JavaScript编程中的关键组成部分，特别是在T16.1经典教程中，这一章节详细介绍了如何利用这种技术增强用户的文本输入体验。JavaScript是一种基于对象和事件驱动的脚本语言，它最初源于Sun公司的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值