文档章节

input的onchange事件 及只能输入数字实现

猿神出窍
 猿神出窍
发布于 2017/09/06 11:23
字数 124
阅读 12
收藏 0
点赞 0
评论 0
<input type="text" class="currentPage">
<script>
// method1
$(".currentPage").on('input',function(e){  
   alert("TextChanged!") ; 
}); 
//method2
$(".currentPage").bind("propertychange input",function(){
  alert("TextChanged!") ; 
})
</script>

input输入框只能输入数字:

<input id="xxx" type="number" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>

输入整数或者小数:

<input id="xxx" type="number" onKeypress="return (/[\d+([.]\d)]/.test(String.fromCharCode(event.keyCode)))"/>

控制输入金额:

 $("#withdrawAmount").change(function(){
        if (utils.isEmpty(this.value)){
            this.value = 0;
        } else if (this.value > can_out_amount){
            var s_amount = can_out_amount.toString();
            this.value = s_amount;
            if (s_amount.indexOf('.') > 0) {
                this.value = s_amount.substring(0, s_amount.indexOf('.'));
            }
        }
    });

 

© 著作权归作者所有

共有 人打赏支持
猿神出窍
粉丝 16
博文 171
码字总数 59070
作品 0
沙坪坝
项目经理
用正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码

文本框只能输入数字代码(小数点也不能输入) <input type="text" name="tid" id="tid" onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/......

功夫panda
2012/02/17
0
0
控制input输入格式

只能输入中文 copy 只能输入英文 copy 文本框只能输入数字代码(小数点也不能输入) copy

潜心笃志
2017/10/12
0
0
JS中onpropertychange事件和onchange事件区别

当一个HTML元素的属性用js改变的时候,都能通过 onpropertychange来捕获。例如一个 <input name="text1" id="text1" />对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpro...

钟小华
2011/04/28
0
0
input textarea监听鼠标粘贴

发现一个问题,在input/textarea中如果是鼠标粘贴内容进去,发现判断不了value的改变,html代码如下: <!doctype html><html><head><meta charset="utf-8"><title>判断粘贴</title><script t......

subying
2014/01/10
0
0
原生onchange与angular中ng-change区别,以及解决在angular中使用onchange事件,报函数未定义

基于优化的问题,input框内容变化,掉后台接口进行查询。 基于angular框架,使用ng-change指令,导致输入一个文本就会查询一次,频繁的掉接口,对服务器造成不必要的压力。 优化方案: ng-c...

_信仰zmh
06/27
0
0
js实时监听input输入框值的变化以便即使匹配搜索项

问题说明 在含有搜索框的网页中,经常需要及时匹配搜索项,因此需要监听input输入框的变化事件。如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,除了监听不了右键的复...

wang517127
2016/06/01
798
0
input标签获取图片文件尺寸

思路分析 (2)在onchange事件中使用读取选取文件的信息 (3)使用一个img标签来显示获取的图片(如果不需要显示可以设置hidden隐藏) (4)通过img标签的和获取图片的尺寸 效果演示 完整代码...

u013263917
2017/12/02
0
0
JavaScript快速入门

函数有return,但是没有返回值声明。 局部 JavaScript 变量,只能在函数内部访问它,只要函数运行完毕,本地变量就会被删除。 全局 JavaScript 变量,在函数外声明的变量是全局变量,网页上的...

曾劲松
2016/11/07
5
0
angular input date ng-change事件在移动端浏览器不触发?

在安卓微信自带浏览器里,点击上面的输入框,调用系统的日期选择控件,选择一个然后点击确定,并不能触发ngChange事件,原生的onchange事件也不能触发。在pc平台是正常的。求解决办法? demo...

双_双
2015/11/02
2.7K
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Mybatis收集配置

一、Mybatis取Clob数据 1、Mapper.xml配置 <resultMap type="com.test.User" id="user"> <result column="id" property="id"/> <result column="json_data" property="jsonData" ......

星痕2018
14分钟前
0
0
centos7设置以多用户模式启动

1、旧版本linux系统修改inittab文件,在新版本执行vi /etc/inittab 会有以下提示 # inittab is no longer used when using systemd. # # ADDING CONFIGURATION HERE WILL HAVE NO EFFECT ON......

haha360
45分钟前
0
0
OSChina 周日乱弹 —— 红薯,五年间我对你不离不弃

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ andonny :分享周二珂的单曲《孤独她呀》 《孤独她呀》- 周二珂 手机党少年们想听歌,请使劲儿戳(这里) @孤星闵月 :没事干,看一遍红楼梦...

小小编辑
50分钟前
116
8
Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式 Factory工厂模式 Singleton单例模式 Delegate委派模式 Strategy策略模式 Prototype原型模式 Template模板模式 Spring5 beans 接口实例化 代理Bean操作 ...

小致dad
今天
0
0
SpringBoot | 第十章:Swagger2的集成和使用

前言 前一章节介绍了mybatisPlus的集成和简单使用,本章节开始接着上一章节的用户表,进行Swagger2的集成。现在都奉行前后端分离开发和微服务大行其道,分微服务及前后端分离后,前后端开发的...

oKong
今天
9
0
Python 最小二乘法 拟合 二次曲线

Python 二次拟合 随机生成数据,并且加上噪声干扰 构造需要拟合的函数形式,使用最小二乘法进行拟合 输出拟合后的参数 将拟合后的函数与原始数据绘图后进行对比 import numpy as npimport...

阿豪boy
今天
17
0
云拿 无人便利店

附近(上海市-航南路)开了家无人便利店.特意进去体验了一下.下面把自己看到的跟大家分享下. 经得现场工作人员同意后拍了几张照片.从外面看是这样.店门口的指导里强调:不要一次扫码多个人进入....

周翔
昨天
1
0
Java设计模式学习之工厂模式

在Java(或者叫做面向对象语言)的世界中,工厂模式被广泛应用于项目中,也许你并没有听说过,不过也许你已经在使用了。 简单来说,工厂模式的出现源于增加程序序的可扩展性,降低耦合度。之...

路小磊
昨天
244
1
npm profile 新功能介绍

转载地址 npm profile 新功能介绍 npm新版本新推来一个功能,npm profile,这个可以更改自己简介信息的命令,以后可以不用去登录网站来修改自己的简介了 具体的这个功能的支持大概是在6这个版...

durban
昨天
1
0
Serial2Ethernet Bi-redirection

Serial Tool Serial Tool is a utility for developing serial communications, custom protocols or device testing. You can set up bytes to send accordingly to your protocol and save......

zungyiu
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部