input标签的oninput事件

要求输入框只输入正实数,包括整数和小数。

具体要求:整数部分不超过7位,可以没有小数,若有位数不超过2位。

<input type="text" id="myId" value="0" style="width: 100px;" oninput="InputOnchange(this.id);" />
<script>
function InputOnchange(thisId) {
//验证数据
var valueCurrent = document.getElementById(thisId).value;
var value = valueCurrent;
//不是数字
if (/[^\d]/.test(valueCurrent)) {
//含小数点
if (valueCurrent.indexOf(".") != -1) {
var valueArray = valueCurrent.split(".");
//小数点不能首位
if (valueCurrent.indexOf(".") == 0) {
value = '';
}
//小数点只有一个
else if (valueArray.length > 2) {
value = valueCurrent.substring(0, valueCurrent.length - 1);
}
//小数位数为2,且是数字
else if (valueArray[1].length > 2) {
valueArray[1] = valueArray[1].substring(0, 2);//valueArray[1].length - 1
if (/[^\d]/.test(valueArray[1])) {
valueArray[1] = valueArray[1].replace(/[^\d]/g,'');
}
value = valueArray.join('.');
}
//小数部分也只能是数字
else if (/[^\d|\.]/.test(valueCurrent)) {
value = valueCurrent.replace(/[^\d|\.]/g, '');
}
}
else{
value = valueCurrent.replace(/[^\d]/g, '');
}
}//开头不能连续两个0
else if (valueCurrent.substring(0,1) == "0") {
if (valueCurrent.substring(1,2) != ".") {
value = "0";
}
}
//整数位数不超过7位
else if (valueCurrent.length>7) {
value = valueCurrent.substring(0,7);
}
document.getElementById(thisId).value = value;
//...省略部分代码...//
}
</script>

JS 验证输入框输入 只允许输入正实数(正整数,正小数),其他情况下不能输入 oninput事件的更多相关文章

  1. js验证输入框

    项目开发中,都会有对表单form中的input输入框进行一些限制验证 如: <!DOCTYPE html><html lang="en"> <head ...

  2. C++数据个数未知情况下的输入方法

    我们经常需要输入一串数,而数据个数未知.这时候就不能以数据个数作为输入是否结束的判断标准了. 这种情况下,我们可以用以下两种方法输入数据. 方法一:判断回车键(用getchar()=='\n'即可判断 ...

  3. js 验证输入框金额

    $("#ipt1").keyup(function () { var reg = $(this).val().match(/\d+\.?\d{0,2}/); var txt = ' ...

  4. js 验证输入框是否为空

    很多时候,菜鸟在对输入框是否输入值进行验证时,总会把输入“空字符串”这一状况给忽略掉.嗯,我就这样,所以记下,以后回忆下还是不错滴 <input type="text" id ...

  5. js验证input输入框(字母,数字,符号,中文)

    [javascript]代码库 <h1>js验证输入框内容</h1> <br /> <br /> 只能输入英文 <input type=" ...

  6. js 验证input 输入框

    <h1>js验证输入框内容</h1><br /><br /> 只能输入英文<input type="text" onkeyup ...

  7. 在客户端先通过JS验证后再将表单提交到服务器

    问题:想要在客户端先通过JS验证后再将表单提交到服务器 参考资料: jQuery 事件 - submit() 方法 试验过程: 服务器端使用PHP <html> <head> ...

  8. java判断用户输入的是否至少含有N位小数

    判断用户输入的是否至少含有N位小数. 1.当用户输入的是非数字时抛出异常,返回false. 2.当用户输入数字是,判断其数字是否至少含有N位小数,如果不含有,返回false. 3.当用户输入的数字的小 ...

  9. js验证身份证号,超准确

    js验证身份证号,超准确 看程序前先来了解下身份证号的构成:身份证号分为两种,旧的为15位,新的为18位.身份证15位编码规则:dddddd yymmdd xx p    其中 dddddd:地区码  ...

随机推荐

  1. 《软工实践》第零次作业 - 一些QA

    <软工实践>第零次作业 - 一些QA Q&A (1)回想一下你初入大学时对计算机专业的畅想 当初你是如何做出选择计算机专业的决定的? 你认为过去两年中接触到的课程是否符合你对计算机 ...

  2. 《Java大学教程》—第9章 软件质量

    软件质量:可维护性.可靠性.健壮性.可用性. 9.3 可维护性系统维护(maintaining)是指根据需求的变化更新现有系统的过程 9.3.1    封装的重要性连锁反应:对系统某一部分的改变可能会 ...

  3. Iframe框架+table布局 +div布局实例

    <td colspan="2" style="width: 80%"> <iframe src="http://www.baidu. ...

  4. nginx: worker process is shutting down

    正常情况下,nginx进程状态如下: 当修改配置文件,reload之后: PID=17114的wroker有正在处理的连接,等处理结束,该worker就会退出(退出之前,该worker不会处理新的连接 ...

  5. 一张图看Docker

  6. (转)Spring Boot 2 (五):Docker Compose + Spring Boot + Nginx + Mysql 实践

    http://www.ityouknow.com/springboot/2018/03/28/dockercompose-springboot-mysql-nginx.html 我知道大家这段时间看了 ...

  7. sqlSugar的使用---入门

    一,新建.net core  web项目 二.  项目引入包:sqlSugarCore 三.创建两个表:user,   department 四. 新建model(不一定需要与table相同,使用[S ...

  8. 【ES6】import, require,export

    node编程中最重要的思想就是模块化,import和require都是被模块化所使用. 遵循规范 require 是 AMD规范引入方式 import是es6的一个语法标准,如果要兼容浏览器的话必须转 ...

  9. 用java语言写一个简易版本的登录页面,包含用户注册、用户登录、用户注销、修改密码等功能

    package com.Summer_0421.cn; import java.util.Arrays; import java.util.Scanner; /** * @author Summer ...

  10. Pycharm远程调试服务器代码(使用Pipenv管理虚拟环境)

    准备工作 1.随便准备一个项目工程,在本地用Pipenv创建一个虚拟环境并生成Pipfile和pipfile.lock文件,如下: 2.准备一台服务器,我这里使用阿里云的ECS SSH连接上 $ ss ...