简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

js限制文本框只能输入数字(正则表达式)_表单特效

WBOY
Release： 2016-05-16 17:51:54
Original
1626 people have browsed it

好了，言归正传。话说我在网上找了很多限制文本框的办法都不尽人意，于是只好自己动手实践了，实践出真知嘛，这句话没错的。

复制代码 代码如下:

function chkPrice(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("$#$",".");
}
function chkLast(obj){
// 如果出现非法字符就截取掉
if(obj.value.substr((obj.value.length - 1), 1) == '.')
obj.value = obj.value.substr(0,(obj.value.length - 1));
}

下面是需要调用的文本框：
复制代码 代码如下:



最后这个：onpaste="javascript: return false;" 的目的是禁用鼠标右键的“粘贴”菜单，可以防止鼠标右键或者Ctrl + V粘贴不合法的数据，嘿嘿。

上面这段JS我只在IE8环境测试过，如果各位看官有什么想法或者疑问，请留言。
Related labels：
number text box
source：php.cn
Previous article：js点击页面其它地方将某个显示的DIV隐藏_javascript技巧 Next article：JavaScript面向对象之Prototypes和继承_js面向对象
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to add newline character (newline character) in XML file? I have an XML file and I want to wrap the text "Sample Text 123" like this Sampl...
From 2023-11-16 16:42:38
0
1
199
Increase file upload size in Apache configuration Hello everyone! I'm struggling with this configuration issue because I'm trying to increas...
From 2023-11-11 11:00:33
0
1
287
Title: Achieve white text visibility on any color background except white Using mix-blend-mode:Difference to change the text color to white works well when the back...
From 2023-11-10 16:59:01
0
1
311
What are the performance numbers next to components in the Vue dev tools? Does anyone have insights or resources for a certain feature in the Vue development tools?...
From 2023-11-09 14:46:48
0
1
305
Using Laravel 8's blade asset to display images but loading from resources subfolder I'm pretty new to Laravel, so please bear with me. I'm copying a framework I developed in ...
From 2023-11-09 12:47:02
0
1
314
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！