asp.net-水印文本框/字符过滤文本框

要事先下载AjaxControlToolkit解压后拉入工具箱，如图：

水印和过滤扩展程序的属性如下：

.master代码如下：

<%@ Master Language="VB" CodeFile="0_MST_ASPNET12.master.vb" Inherits="_0_MST_ASPNET12" %>

<!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>
    <link href="CSS/CSS_DEFAULT.css" rel="stylesheet" type="text/css" />
    <link href ="JS/jquery-1.9.1.js" type ="text/javascript" />

    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div style ="width:720px; margin:0px auto;">
        <div id="div_nav">

            <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1"
                Orientation="Horizontal" StaticDisplayLevels="2">
            </asp:Menu>

            <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />

        </div>

        <%--说明性文字--%>
        <div id="div_memo">
            <asp:ContentPlaceHolder id="CPH_memo" runat="server" />
        </div>

        <%--主程序及控件--%>
        <div id="div_main">
            <asp:ContentPlaceHolder id="cph_main" runat="server"/>
        </div>

        <%--输出部分--%>
        <div id="div_result">
        <h4>输出检测内容:</h4>
             <asp:ContentPlaceHolder id="cph_output" runat="server"/>
        </div>

    </div>
    </form>
</body>
</html>

在设置扩展程序之前，要先导入ToolkitScriptManager，如不导入会出现如下错误：

.aspx代码如下：

<%@ Page Title="" Language="C#" MasterPageFile="~/0_MST_ASPNET12.master" AutoEventWireup="true" CodeFile="S2_FilteredTextBox_WaterMark.aspx.cs" Inherits="Sample_code_S2_FilteredTextBox" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="CPH_memo" Runat="Server">

<ol>

<li>注意FilterType:Custom 与 FilterMode 组合的作用方式</li>

<li>容易理解与记忆的方式：FilterType:Custom,Numbers, FilterMode:ValidChar, ValidChar:"abc" <br />

作用结果：0123456789abc</li>

</ol>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="cph_main" Runat="Server">

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

</asp:ToolkitScriptManager>

<p><span class ="ttl">银行卡号：</span>

<asp:TextBox ID="txt_BankNo" runat="server" Columns="30"></asp:TextBox></p>

<p><span class ="ttl">姓名：</span>

<asp:TextBox ID="txt_Name" runat="server" Columns="30"></asp:TextBox></p>

<p><span class ="ttl">十六进制数：</span>

<asp:TextBox ID="txt_HEX" runat="server" Columns="30"></asp:TextBox></p>

<p><span class ="ttl">有效用户名：</span>

<asp:TextBox ID="txt_UserID" runat="server" Columns="30"></asp:TextBox></p>

<p><span class ="ttl">反向过滤例子：</span>

<asp:TextBox ID="TextBox1" runat="server" Columns="30"></asp:TextBox>

<asp:TextBoxWatermarkExtender ID="TextBox1_TextBoxWatermarkExtender"

runat="server" Enabled="True"
TargetControlID="TextBox1" WatermarkText="不允许输入123" WatermarkCssClass="waterMark">

</asp:TextBoxWatermarkExtender>

<asp:FilteredTextBoxExtender ID="TextBox1_FilteredTextBoxExtender"

runat="server" Enabled="True"
TargetControlID="TextBox1" FilterMode="InvalidChars" InvalidChars="123">

</asp:FilteredTextBoxExtender>

</p>

<%--仅允许数字--%>

<asp:FilteredTextBoxExtender ID="txt_BankNo_FilteredTextBoxExtender"

runat="server" Enabled="True" FilterType="Numbers" TargetControlID="txt_BankNo">

</asp:FilteredTextBoxExtender>

<asp:TextBoxWatermarkExtender ID="txt_BankNo_TextBoxWatermarkExtender"

runat="server" Enabled="True" TargetControlID="txt_BankNo"

WatermarkText ="仅能输入数字" WatermarkCssClass="waterMark">

</asp:TextBoxWatermarkExtender>

<%--仅允许大小写字母和"."--%>

<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender1"

runat="server" Enabled="True" FilterType="LowercaseLetters,UppercaseLetters,Custom" TargetControlID="txt_Name"

ValidChars="." >

</asp:FilteredTextBoxExtender>

<asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1"

runat="server" Enabled="True" TargetControlID="txt_Name"

WatermarkText ="仅允许大小写字母和." WatermarkCssClass="waterMark">

</asp:TextBoxWatermarkExtender>

<%--仅允许数字和ABCDEF--%>

<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender2"

runat="server" Enabled="True" FilterType="Numbers,Custom" TargetControlID="txt_HEX"

ValidChars="ABCDEF" >

</asp:FilteredTextBoxExtender>

<asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2"

runat="server" Enabled="True" TargetControlID="txt_HEX"

WatermarkText ="仅允许数字和字母ABCDEF" WatermarkCssClass="waterMark">

</asp:TextBoxWatermarkExtender>

<%--仅允许数字，字母和"_-"--%>

<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender3"

runat="server" Enabled="True" FilterType="Numbers,Custom,LowercaseLetters,UppercaseLetters" TargetControlID="txt_UserID"

ValidChars="_-" >

</asp:FilteredTextBoxExtender>

<asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3"

runat="server" Enabled="True" TargetControlID="txt_UserID"

WatermarkText ="仅允许数字和字母和-_" WatermarkCssClass="waterMark">

</asp:TextBoxWatermarkExtender>

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="cph_output" Runat="Server">

</asp:Content>

效果图如下：

时间： 2024-11-10 13:51:33

asp.net-水印文本框/字符过滤文本框的相关文章

文本框字符数控制

//文本框字符数控制$('textarea').on('propertychange input', function(){ var $this = $(this); var len = $this.val().length; if(len > 300){ $this.val($this.val().substring(0, 300)); $this.parent().parent().find("em").html('0'); }else{ $this.parent().par

[Linux] day07——查看及过滤文本

查看及过滤文本 =====================================cat      concatenate         -n 添加行号--------------------------------------tac      倒序显示文件内容--------------------------------------more      翻页阅读 enter下一页 空格翻屏 q退出      [选项] 文件名         配合管道符 | 输出文本做分页------

使用 awk 过滤文本或文件中的字符串

当我们在 Unix/Linux 下使用特定的命令从字符串或文件中读取或编辑文本时,我们经常需要过滤输出以得到感兴趣的部分.这时正则表达式就派上用场了. 什么是正则表达式? 正则表达式可以定义为代表若干个字符序列的字符串.它最重要的功能之一就是它允许你过滤一条命令或一个文件的输出.编辑文本或配置文件的一部分等等. 正则表达式的特点 正则表达式由以下内容组合而成: 普通字符,例如空格.下划线.A-Z.a-z.0-9. 可以扩展为普通字符的元字符,它们包括: (.) 它匹配除了换行符外的任何单个字符.

文本XSS攻击过滤

在FCK或百度编辑器等常用富文本编辑器中,通常是会被XSS攻击 处理方法: 文本框模拟输入了以下文本 <span style="dispaly:none" onclick="atk();">我是一个span</span> <p style="dispaly:none" onclick="atk();">我是一个p</p> <b style="dispaly:non

如何使用 awk 和正则表达式过滤文本或文件中的字符串

当我们在 Unix/Linux 下使用特定的命令从字符串或文件中读取或编辑文本时,我们经常需要过滤输出以得到感兴趣的部分.这时正则表达式就派上用场了. 什么是正则表达式? 正则表达式可以定义为代表若干个字符序列的字符串.它最重要的功能之一就是它允许你过滤一条命令或一个文件的输出.编辑文本或配置文件的一部分等等. 正则表达式的特点 正则表达式由以下内容组合而成: 普通字符,例如空格.下划线.A-Z.a-z.0-9. 可以扩展为普通字符的元字符,它们包括: (.) 它匹配除了换行符外的任何单个字符.

使用 powershell 的 grep 过滤文本

使用 powershell 的 grep 过滤文本 有个log文件,大小在4M左右,要求找出里面耗时超过100s 的记录.首先想到了强大的 grep ,那么就搞起. 先在网上找一下资料,这篇文章,有几种方式: 第一种: Get-content somefile.txt|findstr "someregexp" Get-content可以换成cat,Powershell已经给他们做了个别名,可真是体谅sheller. 这种方法算是commandline和Powershell混合,因为fi

在文本每一行的行首和行尾都插入特定的相同字符或文本

这个问题也可以说成是如何在长文本每一行的前面和后面都插入特定的相同字符或文本?例如原始txt文档为: 1 2 3 4 床前明月光, 疑是地上霜. 举头望明月, 低头思故乡. 要在每一行的前面和后面都插入特定的相同字符或文本,就要变成如下效果: 1 2 3 4 123abc 床前明月光, 456xyz 123abc 疑是地上霜. 456xyz 123abc 举头望明月, 456xyz 123abc 低头思故乡. 456xyz 这个例子只是短了点,可以手动复制粘贴,但如果是长文本又该如何快捷操作?

shell编程之文本与日志过滤

1:grep命令: grep -v  "char"  file_name 匹配不包括"char"的文本 grep -n -w "char" file_name 完整匹配某个字符 grep ^s $s  分别为匹配行首为s的 或者行末为s的文本. 2:tr 命令 tr set1  set2   替换集合set1 为set2 tr -s set1  压缩字符 tr -t  ":"     指定分隔符 默觉得空格 tr -d &qu

Jquery学习笔记：操作form表单元素之一（文本框和下拉框）

一.概述 在web页面开发中,经常需要获取和设置表单元素的值(如文本框中的内容),特别是在ajax应用中,更是常态.本文系统的介绍下如何操作. 同操作其它html元素一样,操作的过程差不多. 第一步,需要获取到表单元素对应的jquery(或dom)对象.这个主要是利用jquery的选择器机制. 第二步,调用表单元素的属性和方法来获取和设置值. 其中最常见的就是利用jquery对象的val方法.因为很多表单元素都有标准的 value属性,这个可以通过jquery的 val方法来读取和设置属性值.