js控制文本框只输入数字和小数点

最新推荐文章于 2024-07-16 21:18:13 发布
原创 最新推荐文章于 2024-07-16 21:18:13 发布 · 474 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

本文介绍了一个JavaScript函数，该函数能够实现在文本框中只允许用户输入数字和小数点的功能。通过正则表达式的使用，可以有效过滤非法字符，并确保文本框内数据的有效性和规范性。
function clearNoNum(obj) {
    obj.value = obj.value.replace(/[^\d.]/g, "");  //清除“数字”和“.”以外的字符
    obj.value = obj.value.replace(/^\./g, "");  //验证第一个字符是数字而不是.
    obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
    obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");

}


  1. 只能输入数字和小数点的文本框：<input name="input1" onkeyup="clearNoNum(this)">

js正则表达式限制文本框只能输入数字,能输小数点.
07-14
js正则表达式限制文本框只能输入数字,能输小数点.js正则表达式限制文本框只能输入数字,能输小数点.
jquery教程限制文本框只能输入数字和小数点示例分享
10-26
在前端开发中，限制文本框只允许输入数字和小数点是一个常见的需求，尤其是在表单验证场景中。这样的限制可以提高数据的准确性和安全性。 本教程的核心知识点包括如何使用JQuery来限制文本框的输入内容。在给定的...
js控制文本框只输入数字和小数点的方法
12-11
本文实例讲述了js控制文本框只输入数字和小数点的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:function clearNoNum(obj) {  obj.value = obj.value.replace(/[^\d.]/g, “”);//清除“数字”和“.”以外的字符  obj.value = obj.value.replace(/^\./g, “”);//验证第一个字符是数字而不是.  obj.value = obj.value.replace(/\.{2,}/g, “.”);//只保留第一个. 清除多余的.  obj.value = obj.value.replace(
JS控制文本框只能输入数字和小数点
itmyhome的专栏
08-19 5698
input type="text" value="" onkeyup="onlyNumber(this)" onblur="onlyNumber(this)"/> "text/javascript"> function onlyNumber(obj) { //得到第一个字符是否为负号 var t = obj.value.charAt(0); //先把非数
Js控制文本框只能输入数字或小数点
lixinyao5281的专栏
04-17 1048
Js控制文本框只能输入数字或小数点；利用onkeyup 和 onafterpaste事件让文本框禁止录入非法字符。
js 文本框只能输入数字和小数点
最新发布
zhoubo0123的博客
07-16 588
/清除“数字”和“.”以外的字符。//只保留第一个. 清除多余的.obj.value = obj.value.replace(/^\./g, "");//验证第一个字符是数字而不是.
js 验证文本框只能输入数字和小数点
angle_0318的博客
10-22 415
第一步、添加js方法function check(e) { var re = /^\d+(?=\.{0,1}\d+$|$)/ if (e.value != "") { if (!re.test(e.value)) { alert("请输入正确的数字"); e.value = ""; ...
JS控制文本框只能输入数字 ，保留小数点后两位
YY_Ylx_XX的博客
05-07 801
<input type="text" placeholder="保留到小数点后两位" maxlength="200" οnkeyup="num(this)" οnpaste="num(this)" /> //输入和黏贴操作时触发 //小数点后两位 function num(obj) { obj.value = obj.value.replac...
js文本框只能输入数字和小数点
随便起个不重复的名字
09-21 691
文本框只能输入数字和小数点，本人已测试成功无BUG！     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_v
限制html文本框input只能输入数字和小数点
09-28
它监听了键盘弹起事件（onkeyup），并在每次键盘事件发生时，将文本框中的值用`replace`方法进行替换，替换规则是只保留数字（0-9）和小数点（.），其它所有字符都被替换为空字符串，从而保证用户只能输入数字和...
对JQuery的ajax进行二次封装
MeGoodtoo的专栏
11-27 5820
第一步：引入jQuery库 /resources/js/jquery.min.js"> 第二步：开发Ajax封装类，已测试通过，可以直接调用，直接贴代码，讲解就省了 /***************************************************************** jQuery Ajax封装通用类 (
layui form表单数据 将 post form转换为post Json数据 提交给后台
MeGoodtoo的专栏
02-03 3521
效果图 加载使用 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.serializejson.js"></script> form表单页面代码 <form id="formDemo" class="layui-form"> <table class="layui-.
js 限制输入的字数及其剩余字数的提示
MeGoodtoo的专栏
09-02 3494
//非IE             function OnInput(event) {                 var val = event.target.value;                 var leng = val.length;                 leng = parseInt(leng);                 var leng2 =
jq操作 layui 表单中的 复选框 checkbox 选中与不选中问题
MeGoodtoo的专栏
04-18 2796
html 页面如下： <td> <label class="checkbox-inline"> <input type="checkbox" name="cb_web" class="cbItem" value="web" lay-skin="primary"/> <span>网站</span&gt...
JQuery 设置 layui的 select 选中
MeGoodtoo的专栏
08-25 2354
var select = 'dd[lay-value=' + data.CompanyName + ']'; $('#CompanyName').siblings("div.layui-form-select").find('dl').find(select).click();
JQ 监控Tab 按键
MeGoodtoo的专栏
08-18 1919
common.lastTabTime = new Date();    $("body").keydown(function (e) {         var e = window.event ? window.event : e;         var keyCode = e.which ? e.which : e.keyCode;         //tab         if
JQ当前页面标签 高亮显示
MeGoodtoo的专栏
11-04 1737
function nav(name, csskey,cssvalue) {     var url = window.location.pathname + window.location.search;     var v1 = "";     $(name).each(function () {         v1 = "/" + $(this).attr("href");    
js ifarme中子页面为父页面添加选中时的高亮效果
MeGoodtoo的专栏
10-22 918
$(function () {             var $obj = $(parent.document);             $obj.find("#menu ul li").eq(0).addClass("cur");         })
实现文本框只接受数字和小数点的输入限制
在HTML和JavaScript开发中，有时我们需要限制用户输入特定格式的数据到文本框中，比如只允许输入数字、数字和小数点、整数或浮点数等。这些需求在数据录入、表单验证等场景下尤为常见。下面是针对"限制文本框只能...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值