这个控件主要是用来对输入的文本框是否符合正则表达式进行验证。

<table class="userRegisterTable" cellpadding="0" cellspacing="0">
        
<tr><td colspan="2" align="center"class="userRegisterTableHead" >注册资料</td></tr>
        
<tr><td class="userRegisterTDLeft" >注册帐号</td><td >
                
<asp:TextBox ID="txtLoginName" runat="server" Width="180px" AutoCompleteType="Disabled"  CausesValidation="true" ></asp:TextBox>
                
<span id="spanLoginName" ></span>
    
<asp:CustomValidator 
        
ID="CustomValidator1" 
        runat
="server" 
        ErrorMessage
="" 
        ValidationGroup
="AAA"   
        ValidateEmptyText
="true" 
        SetFocusOnError
="true" 
        ControlToValidate
="txtLoginName"  
        ClientValidationFunction
="ClientValidatorLoginName" >
    
</asp:CustomValidator>
    
<script type="text/javascript">
        
function ClientValidatorLoginName(oSrc, args) {
            
var txt = document.getElementById('<%=txtLoginName.ClientID %>').value;
            
var lbl = document.getElementById("spanLoginName");
            
var lbl_value = _LoginName(txt);
            lbl.innerHTML 
= lbl_value;
            lbl.style.color 
= "#ff0000";
            args.IsValid 
= lbl_value == "";
        }
    
</script>
        
</td></tr>
        
<tr><td class="userRegisterTDLeft" ></td><td><span class="userRegisterSpan"><span 
                
class="userRegisterSpan">以字母开头,</span>由字母a-z(不区分大小写)、数字0-9、下划线组成</span>
        
</td></tr>
        
<tr><td class="userRegisterTDLeft" ></td><td><span class="userRegisterSpan">●长度:4-16个字符</span>
        
</td></tr>
        
<tr class="userRegisterGray"><td class="userRegisterTDLeft" >密码</td><td>
            
<asp:TextBox ID="txtPassword"  runat="server" TextMode="Password" Width="180px"  CausesValidation="true" ></asp:TextBox>
            
<span id="spanPassword" ></span>
    
<asp:CustomValidator 
        
ID="CustomValidator2" 
        runat
="server" 
        ErrorMessage
="" 
        ValidationGroup
="AAA"   
        ValidateEmptyText
="true" 
        SetFocusOnError
="true" 
        ControlToValidate
="txtPassword"  
        ClientValidationFunction
="ClientValidatorPassword" >
    
</asp:CustomValidator>
    
<script type="text/javascript">
        
function ClientValidatorPassword(oSrc, args) {
            
var txt = document.getElementById('<%=txtPassword.ClientID %>').value;
            
var lbl = document.getElementById("spanPassword");
            
var lbl_value = _PassWord(txt);
            lbl.innerHTML 
= lbl_value;
            lbl.style.color 
= "#ff0000";
            args.IsValid 
= lbl_value == "";
        }
    
</script>
        
</td></tr>
        
<tr class="userRegisterGray"><td class="userRegisterTDLeft"></td><td><span class="userRegisterSpan">●密码长度6-16位,字母区分大小写</span>
        
</td></tr>
       
<tr><td class="userRegisterTDLeft" >确认密码</td><td >
           
<asp:TextBox ID="txtPasswordAgain" runat="server"  TextMode="Password" Width="180px"  CausesValidation="true"  ></asp:TextBox>
           
<span id="spanPasswordAgain" ></span>
    
<asp:CustomValidator 
        
ID="CustomValidator3" 
        runat
="server" 
        ErrorMessage
="" 
        ValidationGroup
="AAA"   
        ValidateEmptyText
="true" 
        SetFocusOnError
="true" 
        ControlToValidate
="txtPasswordAgain"  
        ClientValidationFunction
="ClientValidatorPasswordAgain" >
    
</asp:CustomValidator>
    
<script type="text/javascript">
        
function ClientValidatorPasswordAgain(oSrc, args) {
            
var txt1 = document.getElementById('<%=txtPassword.ClientID %>').value;
            
var txt2 = document.getElementById('<%=txtPasswordAgain.ClientID %>').value;
            
var lbl = document.getElementById("spanPasswordAgain");
            
var lbl_value = _PassWordAgain(txt1, txt2);
            lbl.innerHTML 
= lbl_value;
            lbl.style.color 
= "#ff0000";
            args.IsValid 
= lbl_value == "";
        }
    
</script>
       
</td></tr>
        
<tr  class="userRegisterGray"><td class="userRegisterTDLeft">电子邮箱</td><td >
            
<asp:TextBox ID="txtEmail" runat="server" Width="180px"  AutoCompleteType="Disabled"  CausesValidation="true"  ></asp:TextBox>
            
<span id="spanEmail" ></span>
    
<asp:CustomValidator 
        
ID="CustomValidator4" 
        runat
="server" 
        ErrorMessage
="" 
        ValidationGroup
="AAA"   
        ValidateEmptyText
="true" 
        SetFocusOnError
="true" 
        ControlToValidate
="txtEmail"  
        ClientValidationFunction
="ClientValidatorEmail" >
    
</asp:CustomValidator>
    
<script type="text/javascript">
        
function ClientValidatorEmail(oSrc, args) {
            
var txt = document.getElementById('<%=txtEmail.ClientID %>').value;
            
var lbl = document.getElementById("spanEmail");
            
var lbl_value = _EmailNo(txt);
            lbl.innerHTML 
= lbl_value;
            lbl.style.color 
= "#ff0000";
            args.IsValid 
= lbl_value == "";
        }
    
</script>
        
</td></tr>
        
<tr><td class="userRegisterTDLeft" >身份证号</td><td >
            
<asp:TextBox ID="txtCardID" runat="server" Width="180px"  AutoCompleteType="Disabled"  CausesValidation="true" ></asp:TextBox>
            
<span id="spanCardID" ></span>
    
<asp:CustomValidator 
        
ID="CustomValidator5" 
        runat
="server" 
        ErrorMessage
="" 
        ValidationGroup
="AAA"   
        ValidateEmptyText
="true" 
        SetFocusOnError
="true" 
        ControlToValidate
="txtCardID"  
        ClientValidationFunction
="ClientValidatorCardID" >
    
</asp:CustomValidator>
    
<script type="text/javascript">
        
function ClientValidatorCardID(oSrc, args) {
            
var txt = document.getElementById('<%=txtCardID.ClientID %>').value;
            
var lbl = document.getElementById("spanCardID");
            
var cardID = txt + ",2,0";
            
var lbl_value = _ChinaCardNo(cardID);
            lbl.innerHTML 
= lbl_value;
            lbl.style.color 
= "#ff0000";
            args.IsValid 
= lbl_value == "";
        }
    
</script>
            
</td></tr>
        
<tr class="userRegisterGray"><td class="userRegisterTDLeft">真实姓名</td><td>
              
<asp:TextBox ID="txtRealName" runat="server" Width="180px"  CausesValidation="true"  ></asp:TextBox> 
              
<span id="spanRealName" ></span>
    
<asp:CustomValidator 
        
ID="CustomValidator6" 
        runat
="server" 
        ErrorMessage
="" 
        ValidationGroup
="AAA"   
        ValidateEmptyText
="true" 
        SetFocusOnError
="true" 
        ControlToValidate
="txtRealName"  
        ClientValidationFunction
="ClientValidatorRealName" >
    
</asp:CustomValidator>
    
<script type="text/javascript">
        
function ClientValidatorRealName(oSrc, args) {
            
var txt = document.getElementById('<%=txtRealName.ClientID %>').value;
            
var lbl = document.getElementById("spanRealName");
            
var lbl_value = _RealNameNo(txt);
            lbl.innerHTML 
= lbl_value;
            lbl.style.color 
= "#ff0000";
            args.IsValid 
= lbl_value == "";
        }
    
</script>
        
</td></tr>
    
        
<tr><td class="userRegisterTDLeft">手机号码</td><td >
           
<asp:TextBox ID="txtPhone" runat="server" Width="180px" type="text"  CausesValidation="true" ></asp:TextBox>
           
<span id="spanPhone" ></span>
    
<asp:CustomValidator 
        
ID="CustomValidator7" 
        runat
="server" 
        ErrorMessage
="" 
        ValidationGroup
="AAA"   
        ValidateEmptyText
="true" 
        SetFocusOnError
="true" 
        ControlToValidate
="txtPhone"  
        ClientValidationFunction
="ClientValidatorPhone" >
    
</asp:CustomValidator>
    
<script type="text/javascript">
        
function ClientValidatorPhone(oSrc, args) {
            
var txt = document.getElementById('<%=txtPhone.ClientID %>').value;
            
var lbl = document.getElementById("spanPhone");
            
var lbl_value = _MobileNo(txt);
            lbl.innerHTML 
= lbl_value;
            lbl.style.color 
= "#ff0000";
            args.IsValid 
= lbl_value == "";
        }
    
</script>
         
</td></tr>
        
<tr class="userRegisterGray">
            
<td class="userRegisterTDLeft" colspan="2">
                
<span style="color: #FF0000;" >注:</span>真实姓名和身份证号为领奖唯一凭证,请如实填写。</td>
        
</tr>
    
</table>

相关文章: