javascript:控制输入框只能输入数字

最新推荐文章于 2024-12-23 14:02:14 发布

gogiqp_jyh

最新推荐文章于 2024-12-23 14:02:14 发布

阅读量617

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/gogiqp_jyh/article/details/17359001

javascript 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了如何在网页中实现输入验证，确保用户输入仅包含数字，并通过JavaScript动态更新验证码图片，提供更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在input的标签中加入以下代码:
onkeyup="this.value=value.replace(/[^\d]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

<script language="javascript">
//更换验证码
function getImageCode()
{
var randomnum = Math.random();
var getimagecode = document.getElementById("chkcode");
getimagecode.src = "/vbao/indexCheckImage.do?" + randomnum;
}
</script>
<input name="authcode" alt=验证码
onkeyup="this.value=value.replace(/[^\d]/g,'')"
onbeforepaste=
"clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
style="height: 25px;padding: 5px;" maxlength="8"
id="authcodeInput" value="" type="text" size="4" style="width: 60px;"/>
<img id="chkcode" src="/vbao/indexCheckImage.do"
width="50" height="25" style="margin: -5px;"/>
<a class="font1" href="javascript:getImageCode()">看不清</a>