给我一段html限制文本框只能输入数字的代码_随笔

可以使用html5的number类型实现限制文本框只能输入数字。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

2、在ue编辑器中输入以下html代码。

3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

4、在浏览器中打开此html文件，可以看到最终想要实现的限制文本框只能输入数字效果。

<!DOCTYPE html>

<html>

<head>

<title>正则只能输入数字</title>

</head>

<body>

var txt = document.getElementById('txt')

var btn = document.getElementById('btn')

var reg = /^\d*$/

btn.onclick = function(){

var val = txt.value

if( !reg.test(val)){

alert('只能输入数字！')

}

</script>

</body>

</html>

方法一：

或者可以用脚本来验证是否数字：

function check(obj){

if (isNaN(obj.value))

{alert("请输入数字！")

obj.value=""}

}

</script>

方法二：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<BODY>

<input type="text" onkeypress="return event.keyCode >= 49 && event.keyCode <= 57"/>

</BODY>

</HTML>

欢迎分享，转载请注明来源：内存溢出

给我一段html限制文本框只能输入数字的代码