js验证

来源:互联网 发布:人工智能的英文介绍 编辑:程序博客网 时间:2024/04/30 02:35

1.只能输入数字

 <script language="javascript">
          function JHshNumberText() {
            if (! (((window.event.keyCode >= 48) && (window.event.keyCode <= 57)) || (window.event.keyCode == 13) || (window.event.keyCode == 46) || (window.event.keyCode == 45))) {
                    window.event.keyCode = 0;
            }
            return;
        }
    </script>

 

 

onKeyPress="JHshNumberText()"

 

 

补: style="ime-mode:disabled" 禁用输入法

          禁止粘贴复制:onpaste="return false" oncopy="return false"

 

  onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" 只能输入数字。

 

<script language="javascript" type="text/javascript">
        function Validate()
        {
            var tel = document.getElementById("txtTel").value;
            if (isNaN(tel))  
            {
               
                alert("联系电话只能输入数字!"); 
                return false;  
            }

        }
    </script>

 

 

OnClientClick="return Validate()"

 

2.非空验证

 <script language="javascript" type="text/javascript">
        function Validate()
        {
            var name = document.getElementById("txtLoginName").value;
            if(name == "")
            {
                alert('登录名不能为空!');
                return false;
            }
        }
    </script>

 

 

OnClientClick="return Validate()"

 

3.登录名验证

 

<script language="javascript" type="text/javascript">
        function Validate()
        {
           

            var loginName = document.getElementById("txtLoginName").value;
            if(loginName == "")
            {
                alert('登录名不能为空!');
                return false;
            }
            else
            {
                  //标签名称只能包含英文字母,数字,下滑线“_”和横杠“-”,且只能以字母开头
                  var re = /^([a-zA-Z]([a-zA-Z0-9]|(-)|(_))*)$/igm;

                  if(re.test(loginName) == false)
                  {
                        alert("登录名只能包含英文字母,数字,下滑线“_”和横杠“-”,且只能以字母开头!");
                        return false;
                  }   
            } 

        }
    </script>

 

 

OnClientClick="return Validate()"

 

4.textBox字数限制

 

<script language="javascript" type="text/javascript">

    function checkCount() {
    
        message = document.getElementById("txtMessage");
        total = document.getElementById("txtTotal");       
        used = document.getElementById("txtUsed");
        remain = document.getElementById("txtRemain");
       
    
        if (message.value.length > total.value) {
            message.value = message.value.substring(0, total.value);
            used.value = total.value; //已用字数
            remain.value = 0; //剩余字数
            alert("不能超过" + total.value + "个字!");
        } else {
            used.value = message.value.length; //已用字数
            remain.value = total.value - used.value; //剩余字数
        }
    }
    </script>

 

<asp:TextBox ID="txtMessage" runat="server" Height="150px" TextMode="MultiLine" Width="350px"
                onkeydown="checkCount();" onkeyup="checkCount();"></asp:TextBox>
            <p>
                最多字数:
                <asp:TextBox ID="txtTotal" runat="server" Text="10"></asp:TextBox>
                已用字数:
                <asp:TextBox ID="txtUsed" runat="server" Text="0"></asp:TextBox>
                剩余字数:
                <asp:TextBox ID="txtRemain" runat="server" Text="10"></asp:TextBox>
            </p>

 

****************

<style type="text/css">

.tbx_txt
{
    border-width: 0px 0px 0px 0px;
    overflow:hidden;
}

</style>

 

<script language="javascript" type="text/javascript">

 

            function checkCount() {

            message = document.getElementById("txtMessage");
            used = document.getElementById("txtUsed");
            if (message.value.length > 200) {
                message.value = message.value.substring(0, 200);

                alert("不能超过200个字!");
            } else {
                used.value = message.value.length; //已用字数

            }
        }

</script>

 

<asp:TextBox ID="txtMessage" runat="server" Height="150px" TextMode="MultiLine" Width="312px"
                                                onkeydown="checkCount();" onkeyup="checkCount();"></asp:TextBox>

 

最多填写200字,已经填写<asp:TextBox ID="txtUsed" runat="server" Width="20px" CssClass="tbx_txt"
                                                Text="0"></asp:TextBox>字

 

 

5.html Button  重置

        function Empty()
        {
            document.getElementById("txtUName").value = "";
            document.getElementById("txtTel").value = "";
            document.getElementById("txtArea").value = "";
            document.getElementById("txtMessage").value = "";  
            document.getElementById("txtUsed").value = "0";
        }

 

<input id="btnReSet" type="button" value="重  置" onclick="Empty()" />

 

6.字数限制

            function isOver(sText,len)
            {
                var intlen=sText.value.length;
                if (intlen>len)
                {
                    alert("内容长度必须小于或等于 "+len);
                    sText.focus();
                    sText.select();
                }
            }

 

onblur="isOver(this,20)"

 

7.邮箱验证

 

           var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
            if (!myreg.test(txtEmail)) {
                alert('邮箱格式不正确!');
                return false;
            }

 

8.Js时间格式验证,含时分秒

            var beginTime = document.getElementById("txtBeginTime").value;
            if(beginTime == "")
            {
                alert('开始时间不能为空!');
                return false;
            }
            var regex = /^(?:19|20)[0-9][0-9]-(?:(?:0[1-9])|(?:1[0-2]))-(?:(?:[0-2][1-9])|(?:[1-3][0-1])) (?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9]:[0-5][0-9]$/;
            if (!regex.test(beginTime)) {
                alert("时间格式不正确!请输入正确的时间格式,如:2011-01-01 08:08:08");
                return false;
            }

 

9.js控制字符个数

            var name = document.getElementById("txtUName").value;
            if(name == "")
            {
                alert('用户名不能为空!');
                return false;
            }
            String.prototype.lenB   =   function(){return   this.replace(/[^/x00-/xff]/g, "**").length;}
           
            if(name.lenB() < 6)
            {
                alert('用户名不能少于6个字符!');
                return false;
            }

 

10.回车触发js事件

 

          function SubmitKeyClick()
          {
              if (event.keyCode == 13)
              {        
                  event.keyCode = 9;
                  event.returnValue = false;
                  document.getElementById("lbtnOk").click(); 
              }
          }
       
          <body onkeydown="SubmitKeyClick()">

 11.textbox TextMode="MultiLine"时回车换行

 function KeyDown(myValue) {
            if (event.keyCode == 13) {
                var myString = myValue.value + "<br/>";
                myValue.innerText = myString ;
            }
        }

onKeyDown="KeyDown(this);"

原创粉丝点击