1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JavaScript限制输入框只允许整数和小数点(两种方法)

JavaScript限制输入框只允许整数和小数点(两种方法)

时间:2019-06-17 17:26:06

相关推荐

JavaScript限制输入框只允许整数和小数点(两种方法)

web前端|js教程

JavaScript

web前端-js教程

在上一篇文章《JavaScript如何实现点击删除扩展名并获取文件名》中给大家介绍了怎么通过javascript实现点击删除扩展名并获取文件名,有需要的朋友可以去阅读了解一下~

onvif客户端 源码,Vscode列填充,您可以继续试用ubuntu,内存溢出tomcat,sqlite写入性能优化,侧滑导航插件,f7 前端框架,python爬虫爬ip,php 封装类,SEO伴侣盒清洗,1905视频网站源码,齐博网页导航条宽度设置,织梦图片集模板代码,一个以登陆页面为首页的网站源码,千博政府网站群管理系统破解版,客网站源码程序lzw

本文的主题内容则是教大家如何用javascript实现限制输入框只允许整数和小数点,而不允许使用任何其他符号。

图像畸变校正源码,vscode 看java,ubuntu系统完全卡死,tomcat 汉字 问号,sqlite表创建主键,wordpress推广插件,app前端框架是什么,爬虫提取网页标题,php的sql语句,seo什么品牌,电子数码网站源代码,html手机网页模板设计工具,discuz 寺院模板,login登录页面模板,ssh框架的车辆租凭管理系统源码,fft2 matlab 程序lzw

下面我给大家介绍两种实现方法:

卡卡源码社区,ubuntu系统cpu,tomcat如何加大内存,爬虫需要库,php域名解析代码,seo站外推广报价多少钱lzw

第一种方法:

PHP中文网

请输入内容:

var el_up = document.getElementById("GFG_UP"); var el_down = document.getElementById("GFG_DOWN"); el_up.innerHTML = "查看输入是否有效"; var RegExp = new RegExp(/^\d*\.?\d*$/); var val = document.getElementById("input").value; function valid(elem) { if (RegExp.test(elem.value)) { val = elem.value; el_down.innerHTML = "输入的是有效字符"; } else { elem.value = val; el_down.innerHTML = "输入的是无效字符"; } }

运行结果如下:

在上述代码示例中:

RegExp用于验证输入。

每次输入一个字符时,整个输入都会与 RegExp 匹配以检查有效性。

如果有效,则使字符有效并添加到输入中,否则无效。

第二种方法:

PHP中文网

请输入内容:

var el_up = document.getElementById("GFG_UP"); var el_down = document.getElementById("GFG_DOWN"); el_up.innerHTML = "查看输入是否有效"; function isValid(el, evnt) { var charC = (evnt.which) ? evnt.which : evnt.keyCode; if (charC == 46) { if (el.value.indexOf(.) === -1) {return true; } else {return false; } } else { if (charC > 31 && (charC 57))return false; } return true; } function GFG_Fun(t, evnt) { var a = isValid(t, evnt); if (a) { el_down.innerHTML = "输入的是有效字符"; } else { el_down.innerHTML = "输入的是无效字符"; } return a; }

运行结果如下:

在上述代码示例中:

每次输入一个字符时,都会检查这个字符是否有效。

这个例子也是检查输入的小数位数,一个不能输入2个小数。

如果字符有效,则添加到输入中,否则无效。

最后给大家推荐《JavaScript基础教学》~欢迎大家学习~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。