只允许输入数字和小数点

只要给input元素加上number-point这个类就可以自动验证

<input type="text" class="number-point"/>

(function(){
var classList = document.getElementsByClassName("number-point");
for(var i=0;i<classList.length;i++){
classList[i].onkeyup = function () {
var value = this.value;
if(value.search(/^\d+\.?\d$/) != 0){
value= value.replace(/[^.0-9]/g,‘‘);
var index = value.indexOf(‘.‘);
var index2 = value.indexOf(‘.‘,index+1);
if(Number(index)>0 && Number(index2)>0){
this.value = value.substring(0,index2);
}else{
this.value = value;
}

}
}
}
})();

时间: 2024-12-10 20:13:09

只允许输入数字和小数点的相关文章

jquery -- jquery控制只能输入数字和小数点

控制文本框只能输入数字是一个很常见的需求,比如电话号码的输入.数量的输入等,这时候就需要我们控制文本框只能输入数字.在用js控制之后在英文输入法的状态下去敲击键盘上的非数字键是输不进去的,然而当你转到中文输入法的时候输入的是中文,再按空格或回车键,中文或英文字母就输进去了,这时候就需要我们在文本框得到焦点的时候把输入法关闭,就是不响应输入法的切换.如下语句可以实现这样的功能. 通过keyCode来处理 下面的语句是用jquery写的,控制class为checkNum的文本框只能输入数字和小数点.

第一个app-进阶:1、让EditText屏蔽软键盘仍能光标闪动:2、EditText 的inputType参数类型(密码方式-隐藏显示、只允许输入数字等等)

EditText屏蔽软键盘后,光标消失问题 开始我有个需求:屏蔽系统软键盘 于是找到并使用这个方法: //edit_text1.setInputType(InputType.TYPE_NULL); //屏蔽软键盘弹出//edit_text2.setInputType(InputType.TYPE_NULL); //屏蔽软键盘弹出//edit_text3.setInputType(InputType.TYPE_NULL); //屏蔽软键盘弹出 让三个EditText都成功地没有软键盘弹出. 后来我

js控制只能输入数字和小数点

非常好用,代码示例如下: <input  onkeypress = "return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"    onpaste = "return !clipboardData.getData('text').match(/\D/)"    ondragenter = "return false"    style= &q

C# TextBox中只允许输入数字的方法

using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Windows.Forms;using DevComponents.DotNetBar.Controls; namespace WinDrilling.ErrorJudge.Class{ class ClsTxtOperate { #region TextBoxX控件只能输入数字函数 //只能输入数字函数 p

ASP.Net TextBox控件只允许输入数字

原文:ASP.Net TextBox控件只允许输入数字 1.1.在Asp.Net TextBox 控件的 OnKeyPress 事件中指定输入键盘码必须为数字: <asp:TextBox ID="TextBox" runat="server" OnKeyPress="if(((event.keyCode>=48)&&(event.keyCode <=57))||(event.keyCode==46)) {event.ret

文本框只同意输入数字

文本框只同意输入数字.net/javascript <input type="text" name="test" onKeyUp="test1.value=(this.value=this.value.replace(/\D/g,'').substring(0,6)).substring(0,3)" > <br /> <input name="test1" type="text"

WinForm笔记一:文本框只允许输入数字

在WinForm的文本框中,有时候只允许数字,而不能输入除数字以外的其他字符,要调用TextBox的KeyPress事件,代码如下: //只允许输入数字 if (e.KeyChar<'0'||e.KeyChar>'9') { e.Handled = true; } //允许输入退格键 if (e.KeyChar == 8) { e.Handled = false; } TextBox tBox = sender as TextBox;        //哪个文本框调用,tBox 就是哪个文本框

C# Winform textBox 只允许输入数字

private void textBox1_KeyPress(object sender,KeyPressEventArgs e) { //数字0~9所对应的keychar为48~57 e.Handled = true; //输入0-9 if ((e.KeyChar >= 47 && e.KeyChar <= 58)) { e.Handled = false; } } 限制textBox的输入,只能输入数字 C# Winform textBox 只允许输入数字,布布扣,bubu

javascript控制input只允许输入数字

好多时候我们是希望能设置input只能输入数字:比如说商城选择商品数量:比如说手机号等等: 看了下京东和天猫: 天猫选择商品数量是只能输入数字:而且数量不能小于1: 反观京东:连中文都是可以输入的:不得不说:细节上做的比天猫差远了: 当然重点不是要来吐槽:下面就是用Js控制input只允许输入数字的代码:在用到的时候可以直接拿走:不用谢: 代码如下: 此input只允许输入0-9的数字:<input onkeyup="if(event.keyCode !=37 && eve