html5中如何设置输入框仅允许输入数字

html5中如何设置输入框仅允许输入数字,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

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

<meta name="Keywords" content="" />

<meta name="Description" content="" />

<link rel="stylesheet" href="css/.css" />

</head>

<body>

<input type="text" id="txt" />

<button id="btn">确定</button>

<script>

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>

在change事件里加代码,满足条件就转。比如输入数字有3位了就跳就在change里加len(text1.text) = 3 then text2.SetFocus 就行了

如果对您有帮助,请记得采纳为满意答案,谢谢!祝您生活愉快!

vaela


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6256993.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存