jquery只能输入数值的text框

最新推荐文章于 2019-05-13 14:49:12 发布
最新推荐文章于 2019-05-13 14:49:12 发布
阅读量77 收藏
点赞数
文章标签： jQuery CSS Java HTML ViewUI 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Untitled Document</title>
     <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    </head>
    <script type="text/javascript">
        $.fn.numeral = function() {
            $(this).css("ime-mode", "disabled");
            this.bind("keypress",function() {
                if (event.keyCode == 46) {
                    if (this.value.indexOf(".") != -1) {
                        return false;
                    }
                } else {
                    return event.keyCode >= 46 && event.keyCode <= 57;
                }
            });
            this.bind("blur", function() {
                if (this.value.lastIndexOf(".") == (this.value.length - 1)) {
                    this.value = this.value.substr(0, this.value.length - 1);
                } else if (isNaN(this.value)) {
                    this.value = "";
                }
            });
            this.bind("paste", function() {
                var s = clipboardData.getData('text');
                if (!/\D/.test(s));
                value = s.replace(/^0*/, '');
                return false;
            });
            this.bind("dragenter", function() {
                return false;
            });
            this.bind("keyup", function() {
            if (/(^0+)/.test(this.value)) {
                this.value = this.value.replace(/^0*/, '');
                } 
            });
        };
    </script>
    <body>
        <input type="text" id="txt1">
        <input type="text" id="Text2">
    </body>

 <script type="text/javascript">
  $("#txt1").numeral();
 </script>
</html>


或者 

$("#joinYears").keyup(function(){   
        var tmptxt=$(this).val();   
        $(this).val(tmptxt.replace(/\D|^/g,''));   
    }).bind("paste",function(){   
        var tmptxt=$(this).val();   
        $(this).val(tmptxt.replace(/\D|^/g,''));   
    }).css("ime-mode", "disabled");
iteye_17418
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery限制文本框只能输入数字（小数点也可以）
一个码农而已
02-05 616
$(function() {             $("input[type='text']").bind('keydown', function(event) {                 var keyCode = event.which;                 if (keyCode == 46 || keyCode == 8 || keyCode == 190 |
jquery实现输入框默认值
IT小生
05-26 5120
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>XXX</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script language="Java
金额数字校验
浆果酒的博客
05-13 290
<td> <input id="enjSpAmount" value="<#enjSpAmount>" onblur="checkMoney(this)" onkeyup="onlyNumber(this)"> </td> //只能输入金额 function onlyNumber(obj){ //先把非数字的都替换掉，除了. ...
jquery 实现input只输入数字及控制输入字数
醇醛酸酯 的博客
02-27 1万+
id:&lt;input type="text" name="id" id="id" &gt; &lt;span style="display:none;border:0" id="t1" &gt;请输入数字&lt;/span&gt;&lt;script type="text/javascript"&gt; $("
使用jquery对输入框内容设置自动校验，只允许数字的输入
热门推荐
yuanyuan214365的博客
03-21 3万+
目的：对input输入框的内容进行校验 js的方法： keyup 对键盘的进行监控的事件 正则表达式：/[^\d]/g 原理：就是在输入框添加一个 触发事件，对输入框的内容进行判断 过程遇到问题：js和jquery获取值的方法，value是js获取值的方法，val（）是jquery获取值的方法。 程序一：
Jquery控制只能输入数字的常见方法
arthur.dy.lee的专栏
12-10 2万+
Jquery控制只能输入数字的常见方法
jQuery控制输入框只能输入数值的小例子
10-27
标题中的“jQuery控制输入框只能输入数值的小例子”是指使用jQuery库来限制用户在HTML文本输入框（`<input type="text">`）中只能输入数值。这个功能在许多应用场景中非常有用，例如在线表单、评分系统或者任何需要...
Jquery实现滑动数值选择
10-09
**jQuery滑动数值选择器详解** 在Web开发中，用户交互是至关重要的，尤其是在涉及到数据输入时。jQuery库提供了一种高效且用户友好的方式来实现这种交互，这就是滑动数值选择器。这个Demo展示了如何利用jQuery实现...
jQuery实现只允许输入数字和小数点的方法
10-22
在本文中，我们将深入探讨如何使用jQuery实现一个功能，即限制用户在输入字段中只能输入数字和小数点。这个功能在处理诸如价格、数量等数值输入时非常有用，确保用户不会输入无效字符。 首先，我们来看一下核心的...
jQuery SVG仪表盘数值特效代码
03-20
1. **HTML结构**：首先，我们需要一个输入框(input)让用户输入数值，以及一个SVG容器来绘制仪表盘。 2. **CSS样式**：设置SVG元素的样式，包括大小、颜色、位置等，确保其在页面上的正确显示。 3. **jQuery初始化*...
这演示的叫啥数学模型来着，似曾很熟
最新发布
07-25
这演示的叫啥数学模型来着，似曾很熟
b131学生成绩分析和弱项辅助系统-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-25
学生成绩分析和弱项辅助系统在对开发工具的选择上也很慎重，为了便于开发实现，选择的开发工具为Eclipse，选择的数据库工具为Mysql。以此搭建开发环境实现学生成绩分析和弱项辅助系统的功能。其中管理员管理用户，新闻公告。 学生成绩分析和弱项辅助系统是一款运用软件开发技术设计实现的应用系统，在信息处理上可以达到快速的目的，不管是针对数据添加，数据维护和统计，以及数据查询等处理要求，学生成绩分析和弱项辅助系统都可以轻松应对。 学生信息管理页面，此页面提供给管理员的功能有：学生信息的查询管理，可以删除学生信息、修改学生信息、新增学生信息，还进行了对用户名称的模糊查询的条件。教师信息管理页面，此页面提供给管理员的功能有：查看已发布的教师信息数据，修改教师信息，教师信息作废，即可删除，还进行了对教师信息名称的模糊查询 教师信息信息的类型查询等等一些条件。试卷信息管理页面，此页面提供给管理员的功能有：根据试卷信息进行条件查询，还可以对试卷信息进行新增、修改、查询操作等等。公告信息管理页面，此页面提供给管理员的功能有：根据公告信息进行新增、修改、查询操作等等。
vue2之jessibuca视频插件使用教程之字体文件
07-25
vue2之jessibuca视频插件使用教程之字体文件
b126小型医院医疗设备管理系统-springboot+vue.zip（可运行源码+sql文件+文档）
07-25
小型医院医疗设备管理系统在Eclipse环境中，使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务 总之，小型医院医疗设备管理系统集中管理信息，有着保密性强，效率高，存储空间大，成本低等诸多优点。它可以降低信息管理成本，实现信息管理计算机化。 职员信息管理页面，此页面提供给管理员的功能有：职员信息的查询管理，可以删除职员信息、修改职员信息、新增职员信息，还进行了对用户名称的模糊查询的条件。设备信息管理页面，此页面提供给管理员的功能有：查看已发布的设备信息数据，修改设备信息，设备信息作废，即可删除，还进行了对设备信息名称的模糊查询 设备信息信息的类型查询等等一些条件。库房信息管理页面，此页面提供给管理员的功能有：根据库房信息进行条件查询，还可以对库房信息进行新增、修改、查询操作等等。公告信息管理页面，此页面提供给管理员的功能有：根据公告信息进行新增、修改、查询操作等等。
Matlab实现布谷鸟优化算法CS-TCN-Multihead-Attention多输入单输出回归预测算法研究.rar
07-25
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
b153校园失物招领系统-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-25
校园失物招领系统管理系统按照操作主体分为管理员和用户。管理员的功能包括字典管理、论坛管理、公告信息管理、失物招领管理、失物认领管理、寻物启示管理、寻物认领管理、用户管理、管理员管理。用户的功能等。该系统采用了Mysql数据库，Java语言，Spring Boot框架等技术进行编程实现。 校园失物招领系统管理系统可以提高校园失物招领系统信息管理问题的解决效率，优化校园失物招领系统信息处理流程，保证校园失物招领系统信息数据的安全，它是一个非常可靠，非常安全的应用程序。 ，管理员权限操作的功能包括管理公告，管理校园失物招领系统信息，包括失物招领管理，培训管理，寻物启事管理，薪资管理等，可以管理公告。 失物招领管理界面，管理员在失物招领管理界面中可以对界面中显示，可以对失物招领信息的失物招领状态进行查看，可以添加新的失物招领信息等。寻物启事管理界面，管理员在寻物启事管理界面中查看寻物启事种类信息，寻物启事描述信息，新增寻物启事信息等。公告管理界面，管理员在公告管理界面中新增公告，可以删除公告。公告类型管理界面，管理员在公告类型管理界面查看公告的工作状态，可以对公告的数据进行导出，可以添加新公告的信息，可以编辑公告信息，删除公告信息。
《AI大模型应用》--调用文心一言绘图api.zip
07-25
个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！
jQuery 如何实现input框输入数值自动生成对应数量的input框
04-18
可以先获取input框中输入的数值，然后使用循环动态添加对应数量的input框。以下是示例代码： ```html 生成 <div id="inputContainer"></div> <script src="https://code.jquery....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值