A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 张小平 中级黑马   /  2012-12-13 14:33  /  1263 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

为了体现程序的交互性,我们常常需要用户自己输入数据,然后再操作数据。可是并不是所有的用户会中规中矩的做事。想请教各位,如何在C#和JS中限制用户的输入,使用户只能输入数字或字母或其他特定字符。

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

1 个回复

倒序浏览
<html>

      <head>

          <title>Test_Login</title>

<style type="text/css">

#tb{

        border-bottom:1px solid #ADADAD;

        border-right: 1px solid  #ADADAD;

        background:#F0F0F0;

        font:normal 12px/22px "宋体";

}



#tb td,th

{

         border-top: 1px solid  #ADADAD;

         border-left: 1px solid  #ADADAD;

}

.centerz{text-align:center;}



.left{text-align:right;}

</style>

<script type="text/javascript">





           function IsDigit(cCheck)

          {

             return(('0'<=cCheck)&&(cCheck<='9'));

          }

          function IsAlpha(cCheck)

          {

             return((('a'<=cCheck)&&(cCheck<='z'))||(('A'<=cCheck)&&(cCheck<='Z')));

          }

          function checkUser()

         {

             var name=document.getElementById('name').value;//获取form表单里用户填入的登录名

             var namemsg=document.getElementById('namemsg');

               if(name=='')

               {

                      namemsg.innerHTML="(登录名不得为空!)";

               }



              for(nIndex=0;nIndex<name.length;nIndex++)

              {

                    cCheck=name.charAt(nIndex);

                    if(IsDigit(cCheck))

                    {

                       namemsg.innerHTML="(登录名不能以数字开头!)";   

                     }

                    if(!(IsDigit(cCheck)||IsAlpha(cCheck)||cCheck=='_'))

                    {

                       namemsg.innerHTML="(登录名必须是字母数字或下划线!)";   

                  

                     }

                 }      

         }





         function  checkPwdSame()

        {

              var value1=document.getElementById("pwd").value;

              var value2=document.getElementById("repwd").value;

              if(value1!=value2)

              {

                     pwdsamemsg.innerHTML="(两次输入的密码必须必须相同!)";   

              }

              else  pwdsamemsg.innerHTML=' ';  

        }







        function checkPwd()

        {

              var pwd=document.getElementById('pwd').value;//获取form表单里用户填入的密码

              var pwdmsg=document.getElementById('pwdmsg');

              if(pwd=='')

              {

                  pwdmsg.innerHTML="(密码不得为空!)";

              }

              else

              {

                   if(pwd.length<6)

                    {

                        pwdmsg.innerHTML="(密码必须大于5位!)";                  

                     }

                    

                     else

                     {

                             pwdmsg.innerHTML='';  

                     }   

               }

        }

        function checkemail()

        {

          var str=document.getElementById('email').value;

          var reg =/^[0-9a-zA-Z_]{1,12}@(163|126|qq|yahoo|gmail|sina)\.(com|com\.cn|cn|la)$/;

          if(str.search(reg) <0)

          {

               document.getElementById('emailmsg').innerHTML= "(输入电子邮箱错误!)";

           }

          else

          {

                document.getElementById('emailmsg').innerHTML= "(电子邮箱正确!)";

           }

        }



          function  checkEmailSame()

         {

              var value3=document.getElementById('email').value;

              var value4=document.getElementById('reemail').value;

              if(value3!=value4)

              {

                     emailsamemsg.innerHTML="(两次输入的电子邮箱必须必须相同!)";   

              }

              else   emailsamemsg.innerHTML=' ';  

        }

</script>

</head>

<body>

<formaction="" method="post">

<table cellspacing=0 cellpadding=5 id="tb">

<tr >

<td  colspan="2"style="font-weight:bold;background:#97CBFF">必填信息</td>

</tr>

<tr >

<tdclass="left">登录名

</td>

<td><input name="name" id="name" type="text"onBlur="checkUser()"/><spanid="namemsg"></span>

</td>

</tr>

<tr >

<tdclass="left">密码</td>

<td><input name="pwd" id="pwd" type="password"onBlur="checkPwd()" style="width:110px";/><spanid="pwdmsg"></span>

</td>

</tr>

<tr >

<td class="left">确认密码</td>

<td><input type="password" id="repwd" name="repwd"style="width:110px";/><spanid="pwdsamemsg"></span>

</td>

</tr>

<tr >

<tdclass="left">邮件地址</td>

<td><input type="text" id="email" name="email"style="width:300px";/><spanid="emailmsg"></span>

</td>

</tr>

<tr >

<tdclass="left">确认邮件地址</td>

<td><input type="text" id="reemail" name="reemail"style="width:300px";/><spanid="emailsamemsg"></span>

</td>

</tr>

<tr >

<tdcolspan="2" class="centerz">

<input type="submit" style="width:90px";value="提   交"/>     <input type="reset"style="width:70px" value="重 填"/>

</td>

</tr>

</table>

</form>

</body>

</html>

评分

参与人数 1技术分 +1 收起 理由
张文 + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马