我们用实例来向大家展示如果限制HTML文本框的输入类型!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>输入框控制</title>
</head>
<body>
<p> 输入框控制</p>
<p> (1): 只能输入数字,不含小数点:
<input onkeyup="this.value=this.value.replace(/\D/g,’’)" onafterpaste="this.value=this.value.replace(/\D/g,’’)">
</p>
<p>(2): 只能输入数字,含小数点:</p>
<p> [方法1]
<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}"></p>
<p> [方法2]
<input onkeyup="if(isNaN(value))execCommand(’undo’)" onafterpaste="if(isNaN(value))execCommand(’undo’)"></p>
<p>(3): 只能输入字母和汉字:
<input onkeyup="value=value.replace(/[\d]/g,’’)" onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[\d]/g,’’))" name="Numbers">
</p>
<p>(4): 只能输入英文字母和数字,不能输入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,’’)">
</p>
<p>(5): 只能输入数字和英文字母中的chen
<input onKeyUp="value=value.replace(/[^\d|chen]/g,’’)">
</p>
<p>(6): 小数点后只能有最多两位,不能输入字母、中文和运算符号
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,’’)" onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
</p>
</body>
</html>
分享到:
相关推荐
本文实例讲述了javascript限制文本框输入值类型的方法。分享给大家供大家参考。具体分析如下: 要求:所有的文本框,只能输入数字和小数点,其他的符号一概不能输入; 重点是我希望在用户输入时就做限制,而不是提交...
本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下 先来一段规定文本框只能够输入数字包括小数的jQuery代码: <!DOCTYPE html> <html> <head> <meta ...
通常情况下,文本框输入的文字个数并不是无限制的,一般都会限定一个输入最高上限,较为人性化的网站可能会有可输入字数倒计效果,比如还剩余20可以输入这样的提示,下面就通过一个实例介绍一下如何实现此效果。...
本文实例讲述了js限制文本框只能输入中文的方法。分享给大家供大家参考。具体如下: 让文本框只能输入中文的方法及代码,如果你不小心输入了英文,它会自动倒回去,清空你的输入,直至你输入了中文它可会继续,很...
本文实例讲述了js实现文本框只允许输入数字并限制数字大小的方法。分享给大家供大家参考。具体如下: 这是一个很个性的输入框特效,规定文本框只允许输入数字,如果你执意要输入其它的字符,则输入的字符将自动消失...
实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...
(此页是用ASP中的FSO来读取txt文本文件中的内容并输出,为ajax_txt.asp这个页面的AJAX异步获取提供数据) '//禁止缓存该页 让AJAX读取该页始终为最新而非过期缓存页 Response.Expires = 0 Response....
本文实例讲述了javascript文本框内输入文字倒计数的方法。分享给大家供大家参考。...if (obj.value.length > maxLen){ //如果输入的字数超过了限制 obj.value = obj.value.substring(0, maxLen); //就去掉多
实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...
实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...