如何在一个人输入框中只输入数字

2018-06-18 03:02:46来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

好久没写博客了,看到一篇博文讲如何在一个textbox中只能写数字的用js的

下面具体讲讲怎么实现,首先在web中新建一个空的web程序

2,右键添加一个web窗体:
 
 
3,在所得到的页面中书写js(记得从工具箱中拖入一个textbox)
写一个js方法能得到你所输入的字母的ASII code,如果你输入的是数字,将会返回true 否则返回flase;
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication6.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        function ValidNumeric() {
            var charCode = event.whitch ? event.which : event.keyCode;
            if (charCode > 47 && charCode < 58)
            {
                return true;
            } else {
                return false;
            }

        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
        LoginID<asp:TextBox ID="LoginID" runat="server" onkeypress="return ValidNumeric() "></asp:TextBox>
    </form>
</body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication6.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
function ValidNumeric() {
var charCode = (event.which) ? event.which : event.keyCode;
if (charCode > 47 && charCode < 58)
{
return true;
} else {
return false;
}

}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>

</div>
LoginID<asp:TextBox ID="LoginID" runat="server" onkeypress="return ValidNumeric() "></asp:TextBox>
</form>
</body>
</html>

然后你就可以看到结果了,

小小的简单例子,希望大家,喜欢

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:模板方法模式---设计模式(17)

下一篇:享元模式---设计模式(15)