使用C# 开发掩码输入文本框

2016-01-29 12:59 104 1 收藏

使用C# 开发掩码输入文本框,使用C# 开发掩码输入文本框

【 tulaoshi.com - ASP.NET 】

掩码输入是一种常用的控件,我记得第一次看见这种控件是在Visual FoxPro中!感觉功能强,不错。现在用C#开发ASP.NET应用程序也需要用到这种输入的控件,便琢磨着自己做一个。但是由于Visual FoxPro中的掩码文本框功能太强了,一时还不敢去做。网上也有一些自制的如:http://www.weste.net/2004/11-25/09162561988.html,但是感觉功能都不很适合。后来在http://www.stedy.com上看到了他们做的掩码文本框,感觉这种方式在Web应用上很适合,就把客户端代码down下来了!(stedy software 作的是产品,要花钱!而且很贵79.99USD,ft。)
分析了一下stedy的客户端脚本(VBScript)他们为每一种掩码规则都作了一个客户端的方法。如下面是日期掩码格式化的客户端脚本代码:
function maskDate(sValue, sType) dim zMonth zMonth = array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") if len(trim(sValue)) = 0 then maskDate = "" setViewState false elseif not(isDate(sValue)) then maskDate = "# INVALID DATE ENTERED #" setViewState true else select case (sType) case "medium" maskDate = day(dateValue(sValue)) & "-" & left(zMonth(month(dateValue(sValue)) - 1), 3) & "-" & year(dateValue(sValue)) case "long" maskDate = zMonth(month(dateValue(sValue)) - 1) & " " & day(dateValue(sValue)) & ", " & year(dateValue(sValue)) case else maskDate = formatDateTime(sValue, vbShortDate) end select setViewState false end ifend function可以看到处理方式是将文本框中的字符串格式化,如果格式化成功则显示为格式化后的字符串,否则显示"# INVALID DATE ENTERED"。其他的方法与之类似,像maskCurrency, maskSSN什么的。

MaskTextBox客户端有两个自定义属性




第一个是掩码格式,第二个是文本框真实值,如:¥30.00真实值为:30.00。
目前遇到的问题有一个:
客户端的文本框如何才能回传给服务器上面所说的两个属性?
想了半天,觉着还是用一个Hidden类型的控件储存掩码文本框的真实值。这样回传给服务器的时候就能通过对应的Hidden控件的Value属性取得真实值!
C# 代码片段如下:
protected override void Render(HtmlTextWriter output){ output.WriteBeginTag("input"); output.WriteAttribute("type","hidden"); output.WriteAttribute("value",""); output.WriteAttribute("id","__"+this.UniqueID); output.WriteAttribute("name","__"+this.UniqueID); output.Write(HtmlTextWriter.TagRightChar); base.Render(output);}

来源:http://www.tulaoshi.com/n/20160129/1488427.html

延伸阅读
当某个文本框只能输入数字时,我们需要加以限制,以避免操作员输入其它字符,以免保存数据时出错,下面的代码可以达到这样的效果。 我们假定文本框名称为:txtWeight,则在KeyPress事件中写下面的代码。 ' 下面的代码是允许操作员输入数字和小数点 Private Sub txtWeight_KeyPress(ByVal sender As Object, ByVal e As System.Windows.Forms.KeyPr...
PowerPoint文本框无法输入中文怎么办   一、直接在"开始""运行"中输入"notepad"打开记事本,然后在记事本中复制下面这段内容: 二、保存为Pwww.tulaoshi.comPTINPUT.REG的注册表文件,注册后缀名要为reg 三、然后关闭记事本,再找到这个PPTINPUT.REG文件双击再点击出来的窗口"确定"...
        对于文本框,只读状态下和普通状态下,浏览器对其并没有做什么特殊的标记,表面看来,效果是一样的,这样,对用户来说,易用性并不是很高.         当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需要程序员自己判断这个文本框是不是只读,然后再引入相...
1、控制文本框中输入的内容 例如我们只要求在文本框中输入数字,而不允许出现其它字符,则我们使用KEYPRESS事件并检查KeyAscii参数即可,KeyAscii参数用来保存键盘所用的ANSI码(不是ASCII码),下面是一个例子: PrivateSubText_KeyPress(KeyAsciiAsInteger) ifKeyAscii<Asc("0")OrKeyAscii>Asc("9")then Ke...
标签: Web开发
限制文本框只能输入数字 input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" input name=txt1 onchange="if(/D/.test(this.value)){alert('只能输入数字');this.value='';}"

经验教程

260

收藏

19
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部