如何用onkeyup来控制一个input只能输入大于0的正整数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用onkeyup来控制一个input只能输入大于0的正整数相关的知识,希望对你有一定的参考价值。

用onkeyup来控制一个input只能输入大于0的正整数:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>JK的普通输入验证示例</title>
<style>
tdfont-size:12px
</style>
<script language="javascript" src="commonForManage.js"></script>
</head>
<body style="font-size:12px">
<table align=center style="border: 1 solid #000000" style="font-size:12px;width:90%">
<form name=frm onsubmit="return checkNecessaryInput(this);" method=post >
<tr><td>数值1<font color=red>*</font><input name=a onblur="checkDecimalInput(this)" ></td>
<td>数值2:<input name=b onblur="checkDecimalInput(this,-1,1)" >(大于-1,小于1)</td>
<td>数值3:<input name=b onblur="checkDecimalInput(this,-0.0000001,1.0000001)" >(大于或等于0,小于蔌等于1)</td>
</tr>
<tr><td>整数1<font color=red>*</font><input name=a onblur="checkIntInput(this)" ></td>
<td>整数2:<input name=b onblur="checkIntInput(this,-100,100)" >(大于-100,小于100)</td>
<td>整数3:<font size=-3><input name=b onblur="checkIntInput(this,-0.0000001,100.0000001)" ></font>(大于或等于0,小于或等于0)</td>
</tr>
<tr><td>日期1<font color=red>*</font><input name=a onblur="checkDateInput(this)" ondblclick="getDateFromDialog(this);"></td>
<td>日期2:<input name=b onblur="checkDateInput(this)" ondblclick="getDateFromDialog(this);"></td>
<td>注:双击输入框可以弹出日历</td>
</tr>
<tr><td>编号1<font color=red>*</font><input name=a onblur="checkNoInput(this)" ></td>
<td>编号2:<input name=b onblur="checkNoInput(this)" ></td>
<td>注:编号里只能有<font color=blue>数字</font>、<font color=blue>字母</font>、<font color=blue>-</font>、<font color=blue>_</font>、<font color=blue>.</font></td>
</tr>
<tr><td>输入1<font color=red>*</font><input name=a ></td>
<td>输入2:<input name=b value=2 ></td>
<td>不限制输入内容</td>
</tr>
<tr><td>选择1<font color=red>*</font><select name=c >
<option value="">请选择</option>
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
<option value="4">四</option>
<option value="5">五</option>
</select></td>
<td>选择2:<select name=d >
<option value="">请选择</option>
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
<option value="4">四</option>
<option value="5">五</option>
</select></td>
<td> </td>
</tr>
<tr><td>复选<input type=checkbox name=e value=5 ><input type=checkbox name=e value=2 ><input type=checkbox name=e value=3 ></td>
<td>单选<input type="radio" value="1" checked name="f"><input type="radio" value="2" checked name="f"><input type="radio" value="3" checked name="f"></td>
<td> </td>
</tr>
<tr><td colspan=3>
<input type=button value=确定 onclick="javascript:if (checkNecessaryInput(frm)) frm.submit();">
<input type=button value=清空 onclick="javascript:resetProcess(frm);">
</td></tr>
<tr><td colspan=3>
<pre>
参考技术A <!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>Examples</title>

        <script type="text/javascript">

        function control(e,o)

            var v=o.value|0;

            if(v<=0)

                o.value='';

                o.focus();

            

        ;

        </script>

</head>

<body>

    <input type="text" onkeyup="control(event,this)" />

</body>

本回答被提问者和网友采纳

input输入框只能输入数字,只能输入字母数字组合

输入大小写字母、数字、下划线:
<input type="text" onkeyup="this.value=this.value.replace(/[^w_]/g,‘‘);"> 

输入小写字母、数字、下划线:
<input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,‘‘);"> 

输入数字和点
<input type="text" onkeyup="value=value.replace(/[^d.]/g,‘‘)">

输入中文:   
<input type="text" onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5]/g,‘‘)">  
  
输入数字:   
<input type="text" onkeyup="this.value=this.value.replace(/D/g,‘‘)">  
  
输入英文:   
<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,‘‘)">  
  
输入中文、数字、英文:   
<input onkeyup="value=value.replace(/[^wu4E00-u9FA5]/g, ‘‘)">  
  
输入数字和字母:
<input onKeyUp="value=value.replace(/[W]/g,‘‘)">  

除了英文的标点符号以外,其他的都可以中文,英文字母,数字,中文标点
<input type="text" onkeyup="this.value=this.value.replace(/^[^!@#$%^&*()-=+]/g,‘‘)">

只能输入数字代码(小数点也不能输入)
<input onkeyup="this.value=this.value.replace(/D/g,‘‘)" onafterpaste="this.value=this.value.replace(/D/g,‘‘)">

只能输入数字,能输小数点.
<input onkeyup="if(isNaN(value))execCommand(‘undo‘)" onafterpaste="if(isNaN(value))execCommand(‘undo‘)">
<input name=txt1 onchange="if(/D/.test(this.value)){alert(‘只能输入数字‘);this.value=‘‘;}">

数字和小数点方法二
<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[+-]?d+(?:.d+)?|.d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^.d+$/))this.value=0+this.value;if(this.value.match(/^.$/))this.value=0;this.o_value=this.value}">

只能输入字母和汉字
<input onkeyup="value=value.replace(/[d]/g,‘‘) "onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[d]/g,‘‘))" maxlength=10 name="Numbers">

只能输入英文字母和数字,不能输入中文
<input onkeyup="value=value.replace(/[^w./]/ig,‘‘)">

只能输入数字和英文
<input onKeyUp="value=value.replace(/[^d|chun]/g,‘‘)">

小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /.dd$/.test(value))event.returnValue=false">

小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup="this.value=this.value.replace(/^(-)*(d+).(dd).*$/,‘$1$2.$3‘)">

本文转载于:猿2048?https://www.mk2048.com/blog/blog.php?id=hhic22c210j

以上是关于如何用onkeyup来控制一个input只能输入大于0的正整数的主要内容,如果未能解决你的问题,请参考以下文章

如何用正则表达式限制文本框输入数字位数

控制input输入格式

js 正则表达式 来控制输入框 只能输入 7位正整数和2位小数,点号只允许输入一次~

input输入框,控制只能输入两位小数点输入价格(原生)

input输入

input中只能填数字的限制