前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >笔记一下,简单的input值的限制

笔记一下,简单的input值的限制

作者头像
练小习
发布2017-12-29 14:10:45
发布2017-12-29 14:10:45
1.3K0
举报
文章被收录于专栏:练小习的专栏练小习的专栏

控制文本框里只能输入数字,并且最大数字不超过100,超过一百的话强制显示100

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="X-UA-Compatible" content="IE=7" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>首页</title>

<style type="text/css">

html,body{margin:0; padding:20px;}

</style>

</head>

<body>

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

<script type="text/javascript">

var text = document.getElementById("input");

text.onkeyup = function(){

this.value=this.value.replace(/D/g,'');

if(text.value>100){

text.value = 100;

}

}

</script>

</body>

</html>

提示:你可以先修改部分代码再运行。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档