【项目经验】文本验证

桃扇骨 2022-08-03 00:28 23阅读 0赞

最近做的功能将一个cs的工具改写成Bs页面形式的嵌到系统中。因为做的过程中有很多改动，很多时候就有问题就找组内技术牛请教，和组长了解需求，收获了不少，这篇博客就是当总结了。

# 1.文本验证 #

## 1.1 限制文本只能输入字母数字下划线，且只能以字母开头 ##

背景介绍：前台用的textbox是自己封装的控件，有好多文本框的属性事件都没有封装进去，所以加验证的时候，请教了封装的技术牛，就给了一句话：“你再找个别的办法去验证吧~~”，然后就开始了手机流量刷刷刷的节奏(PS:公司没外网，一台公用上网机器).

**[正则表达式][Link 1]**就很好的解决了这个问题。

**代码：**

给要验证的文本框加上[onblur][]事件，当文本框失去焦点的时候就会触发JS，从而去验证输入是否符合条件。

<asp:AdvTextBox ID="txtFieldName" runat="server" AttrName="字段名称" CssClass="nTxt"
 Height="19px" InputType="NumAndStr" MaxLength="20" NotNull="true" Width="203px" 
 οnblur="return CheckFieldname();">

</asp:AdvTextBox>

**JS：**

在JS中，我们首先要获取的文本框的值，才能去判断输入的合法性，封装的AdvTextBox属于服务器端控件，所以取值的时候不像一般的textbox那样。

**TextBox取值：**

document.getElementById("userName").value

**AdvTextBox取值：**

document.getElementById('<%=userName.ClientID%>').value

**具体JS写法：**

## 1.2限制文本只能输入汉字 ##

直接给需要验证的文本框加上一个[onkeyup][]事件，在键盘按键被松开时生效

代码：

<asp:AdvTextBox ID="txtCNFieldName" runat="server" AttrName="字段中文名称" CssClass="nTxt"Height="19px" 
 InputType="String" MaxLength="20" NotNull="true" Width="204px" 
 οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
 </asp:AdvTextBox>

总结：，虚心请教，充实自己！

[Link 1]: http://baike.baidu.com/link?url=Go3uNIoIBEqVA4Z9k-O3gUTk982hpHQeEIy8fCLghAipJIKqjaLi2sN3zlKCZGQLi4tEHgDC3_JjIkwQ21nXaq
[onblur]: http://www.w3school.com.cn/jsref/event_onblur.asp
[onkeyup]: http://www.w3school.com.cn/jsref/event_onkeyup.asp