觉得很好用 就收藏了
JS判断只能是数字和小数点
1.文本框只能输入数字代码(小数点也不能输入)
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
2.只能输入数字,能输小数点.
<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='';}">
3.数字和小数点方法二
<input type=text tvalue="" ovalue="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.ovalue=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.ovalue=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.ovalue=this.value}">
4.只能输入字母和汉字
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
5.只能输入英文字母和数字,不能输入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">
7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
只能是数字和小数点和加减乘際
onkeypress="return event.keyCode>=4&&event.keyCode<=57"
分享到:
相关推荐
### JS各种限制input输入汇总知识点解析 #### 一、取消按钮按下时的虚线框 在Web开发过程中,用户点击按钮或输入框等元素时,可能会出现边框高亮的效果,这种效果通常是为了提高交互性而设计的。但在某些场景下,...
总结来说,通过创建一个JavaScript函数,并利用AngularJS的ng-keyup事件和ng-model指令,可以有效地控制input元素的输入,使得输入框只能输入数字和小数点,并且符合特定的格式要求。这种方法不仅保证了输入格式的...
总结来说,“jquery只能输入数字的文本框插件”是一个提高表单数据输入准确性的工具,通过使用jQuery的插件机制,使得限制用户输入数字的操作变得简单而高效。它的实现涉及到JavaScript事件处理、字符串验证和用户...
要创建一个只能输入数字的文本框,我们会设置<input>标签的type属性为"text",这样表单就能接受文本输入。为了进一步限定只能输入数字,我们可以使用HTML5的新增属性,如pattern属性,它可以设置一个正则表达式,...
Bootstrap4数值输入插件是基于流行的前端框架Bootstrap 4开发的一款实用工具,它极大地简化了在Web表单中创建数值输入 ...通过合理使用这个插件,开发者能够快速地构建出具有专业外观和良好交互性的数字输入组件。
### 使用JavaScript控制INPUT输入内容详解 #### 一、概述 在网页开发中,为了提高用户体验并确保数据的有效性,我们经常需要对用户输入的数据进行控制和验证。通过使用JavaScript(简称JS),我们可以轻松地实现这...
【仿支付宝INPUT输入放大JS】是一种JavaScript插件,主要用于网页中的输入框(INPUT元素)设计,它能够实现与支付宝应用类似的输入放大效果。在用户聚焦输入框时,输入的文字会自动放大,提升用户体验,尤其在移动端...
在这个特效中,开发者可能使用了事件监听器(如`addEventListener`)来捕捉用户在输入框内的行为,如`input`事件,每当输入框内容改变时触发。然后,JS代码会检查并处理输入的每个字符,确保它符合手机号码的格式。...
Vue.js数字输入框组件是基于Vue.js框架开发的一个用于输入数字的组件,它提供了一系列便捷的属性和方法来处理数字的输入和校验,使得在开发中能够更加高效和方便地实现数字输入功能。 在本文中,我们将详细介绍Vue....
本文将介绍如何使用JavaScript来实现一个输入框,它只允许用户输入数字、小数点和负号。具体来说,我们需要确保以下几点: 1. 用户可以输入数字0-9。 2. 用户可以输入一个小数点。 3. 用户可以输入负号,但只能在...
3. 用户在输入框中输入数字时,onkeyup事件会触发,将非数字字符过滤掉,只保留数字和最后一位可能的字母X。 示例代码如下: HTML: ```html <input type="text" maxlength="18" class="idInput" onkeyup="this....
3. **数字框编辑**:对于需要输入数字的场景,我们可以使用layui的input组件,设置type为number,这样就可以限制用户输入非数字字符,并提供上下箭头方便调整数值。 4. **下拉选择**:在单元格中添加下拉选择框,...
特别是对于某些需要输入数字的输入框,如金额、分数等,可能会要求输入的格式为有效的数字,并且满足特定的条件。例如,在本例中,需要限制用户在文本输入框中只能输入有效的数字,且第一个字符不能是小数点,整个...
jQuery Masked Input插件就是这样一个工具,它允许开发者为文本输入框设定特定的格式,如金额、时间、秒和毫秒等,使得用户在输入时可以得到实时的反馈和提示。本文将深入探讨jQuery Masked Input插件的使用方法和...
"数字微调输入框"是一种常见的用户界面元素,主要用于网页或应用程序中,允许用户通过加减按钮或直接输入数字来精确调整数值。这种输入框在许多场景下都非常实用,例如设置参数值、调整音量、设定时间等。在这个话题...
ExtJS 是一个强大的JavaScript库,专门用于构建富客户端应用程序。它提供了一系列丰富的组件,包括窗口、表格、菜单、按钮等,使得开发者可以构建功能复杂的Web应用。在本案例中,我们关注的是`Ext.MessageBox`,这...
在给定的场景中,我们需要创建一个功能,使得用户只能在文本输入框中输入0到59之间的数字,并且允许一个小数点。这样做可以防止用户输入不合法的数值,比如负数、多个小数点或超过59的数字,从而避免计算价格时出现...
总的来说,jQuery Masked Input插件通过简单易用的API,为开发者提供了创建掩码输入框的能力,使得网页表单的输入体验更加友好,数据格式更加统一,从而提升了整个应用程序的专业性和用户满意度。通过熟练掌握和应用...
例如,车牌号通常由汉字、字母和数字组成,我们可以使用正则表达式进行匹配。同时,可以通过class或id选择器来美化样式。 ```html <input type="text" id="carNumber" lay-verify="required|carNumber" placeholder...
在这个例子中,`(999) 999-9999`是掩码,其中的`9`代表数字,用户只能输入数字,且数量必须与`9`的数量相同。 3. **自定义选项**:插件还提供了许多可选参数,以满足不同需求。例如,你可以设置`clearIfNotMatch`...