文本框仅可接收decimal

文本框html如下：

<div><label class="label">价格:</label><input id="TextPrice" type="text" name="Price" /></div>

Source Code

jQuery:

 $("#TextPrice").on("input", function (evt) {var self = $(this);self.val(self.val().replace(/[^0-9\.]/g, ''));if ((evt.which != 46 || self.val().indexOf('.') != -1) && (evt.which < 48 || evt.which > 57)) {evt.preventDefault();}});

View Code

如果此文本框只接受整数呢，可以把jQuery稍修改一下：

$("#TextPrice").on("input", function (evt) {var self = $(this);self.val(self.val().replace(/[^\d].+/, ""));if ((evt.which < 48 || evt.which > 57)) {evt.preventDefault();}});

Source Code

结果：

文本框仅可接收decimal相关推荐

表单如何添加大的文本框_在 Flutter 中进行文本框的创建和设定
文本框作为一个接收用户输入的组件,被广泛应用于表单构建.即时通讯.搜索等场景中. Flutter 提供了两个开箱即用的文本框组件:TextField 和 TextFormField. 1. 文本框 T ...
HTML文本框参考样式及常见操作技巧大全
网页设计中,常常要使用html文本框来收集一些用户信息或是制作登录页,虽然只是简单的输入框,但是如果加入一些美化设计会使你的页面看起来更加有吸引力,下面就给大家提供了一些html文本框的参考样式和常见 ...
html中怎么写输入框,HTML文本框参考样式及常见操作技巧大全
在网页设计中,常常要使用 html 文本框来收集一些用户信息或是制作登录页,虽然只是简单的输入框,但是如果加入一些美化设计会使你的页面看起来更加有吸引力,下面就给大家提供了一些 html 文本框的参考 ...
java swing 串口_ComTest 接收串口数据，并显示在文本框内，通过JavaSwing实现 Develop 265万源代码下载- www.pudn.com...
文件名称: ComTest下载收藏√ [ 5 4 3 2 1 ] 开发工具: Java 文件大小: 3157 KB 上传时间: 2016-09-21 下载次数: 0 提供者: 韩坤 ...
Access：如何接收文本框作为查询条件，并实时刷新查询
今天,想设计一个窗体,窗体中有个文本框,然后按文本框的条件实时更新查询清单. 在上图输入时间查询结果就实时刷新,这个不是在窗体中刷新,而是直接刷新Access默认的查询. 方法一: 代码部分: 1, ...
读取Excel的文本框，除了解析xml还可以用python调用VBA
作者:小小明 Python读取Excel的文本框基本需求今天看到了一个很奇怪的问题,要读取Excel文件的文本框中的文本,例如这种: 本以为openxlpy可以读取,但查看openxlpy官方文档 ...
文本框的值默认显示文本域上_13.4.4 键盘与文本事件
用户在使用键盘时会触发键盘事件."DOM2 级事件"最初规定了键盘事件,但在最终定稿之前又删除了相应的内容.结果,对键盘事件的支持主要遵循的是 DOM0 级. "DOM3 ...
电子邮件地址验证：详细解释，生产质量WPF文本框代码
目录介绍电邮地址格式 1. Address 2. addr-spec 有效的电子邮件地址显示名称注释引号一些看起来很奇怪的有效地址 Domain-Part要求不使用ASCII字符(UTF ...
程序显示文本框_vb程序语言题库
vb语言题库一.程序填空共1题 (共计20分) 第1题 (20.0分) 题号:711 难度:中第1章 ----------------------- ...

文本框仅可接收decimal

文本框仅可接收decimal相关推荐

最新文章

热门文章