`

输入框只响应数字输入

阅读更多
    function filterABC(){
    	if(window.event.keyCode<48 || window.event.keyCode>57) {
    	     //document.getElementById("message").innerText="请输入数值";
    	     window.event.keyCode=0;
             return;
    	}
    	}


改进:
响应数字和小数点".":
function filterABC(){  
        if((window.event.keyCode<48||window.event.keyCode>57) && window.event.keyCode!=46) {  
             window.event.keyCode=0;  
             return;  
        }  
    }  



<ww:textfield name="signup.percent" id="percent" size="10" onkeypress="filterABC()" cssStyle="ime-mode:disabled"></ww:textfield>







关于ime-mode:
有时候要限制用户可输入的内容限制为英文字母和数字,即希望关闭输入法
这时候只要简单的对要限制的控件加上一个ime-mode的css属性即可,如<input style="ime-mode:disabled">
ime-mode    CSS提议属性
语法:
ime-mode : auto | active | inactive | disabled
参数:
auto : 不影响IME的状态。与不指定ime-mode属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME
说明:
设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状态。
对应的脚本特性为imeMode。
示例:
<input type=text style='ime-mode: disabled; '>

分享到:
评论
1 楼 king130520 2010-08-12  
不错,又长知识了

相关推荐

    Bootstrap响应式输入框表单验证代码

    Bootstrap响应式输入框表单验证代码基于Bootstrap3.3.5制作,响应式设计,自适应分辨率,兼容PC端和移动端,有9种输入框表单验证功能:1.文本框只能输入数字代码(小数点也不能输入);2.只能输入数字,能输小数点;3....

    layui输入框中只允许输入整数的实现方法

    文章中提到了两个JavaScript函数,一个用于限制只输入整数,另一个用于清除输入框中的非数字字符,并对数字进行限制。 1. zhzs(value)函数:此函数用于过滤掉输入框中非数字的字符,只允许输入数字。它使用正则...

    包含金额_日期输入框,带弹出数字面板的计算输入框

    为了确保数据的精确性,这些输入框通常会限制输入的字符类型(只允许数字和小数点),并可能有格式化规则,如自动添加逗号分隔符或货币符号。日期输入框则允许用户选择或输入日期,这在记录交易日期、到期日等场景下...

    数字键盘的六个格子的密码输入框的实现

    6. **反馈机制**:为增强用户体验,每次数字输入后可以有视觉或听觉反馈,如数字高亮、短暂震动或声音提示。 7. **安全性**:在支付场景中,输入的密码需要进行加密处理,防止在内存或网络传输过程中被窃取。可以...

    C#软件界面弹窗输入小键盘

    如果目标平台支持触摸输入,还需要确保虚拟键盘对触摸事件有良好的响应。可以通过设置控件的`MouseHover`和`Click`事件来兼容触摸操作。 7. **自定义与扩展**: 根据实际需求,还可以增加更多特性,如切换数字/...

    swift-UITextfield输入框限制的功能封装

    1. **数字限制**:允许用户只输入数字,可以是整数或小数,可以设置最大最小值。 2. **字符长度限制**:限制输入的最大字符数,防止过长的文本导致问题。 3. **正则表达式匹配**:通过正则表达式验证输入格式,如...

    输入框集合

    - **数字输入框**:限制用户只能输入数字,可以是整数或小数。 - **电话号码输入框**:格式化输入的电话号码,支持国家代码和区域号。 - **电子邮件输入框**:验证输入是否符合电子邮件格式。 - **URL输入框**:...

    输入框过滤非数字的js代码

    输入框过滤非数字的JavaScript代码是一种用于在用户输入时阻止非数字字符输入到输入框中的技术。它通常用于需要用户输入纯数字的场景,例如电话号码、信用卡号、数字代码等。通过实现这样的过滤机制,可以减少前端...

    c# .net Wince 数字输入控件 数字键盘

    这个控件通常被称为“数字输入控件”,它的设计目标是模拟HMI(人机界面)屏幕上的数字输入框,提供一个友好的、易于触控操作的界面。 在Wince系统上,由于硬件资源有限且多为触控操作,因此,设计一个高效且直观的...

    IP地址输入控件和输入框

    在这个案例中,IP地址输入控件是一个定制化的控件,它可以提供更友好的用户体验,比如只允许输入0-255的数字,自动在每段之间插入点号,防止用户输入无效的IP地址。此外,它可能还具有错误提示功能,当用户输入不...

    Vue.js数字输入框组件使用方法详解

    Vue.js数字输入框组件是基于Vue.js框架开发的一个用于输入数字的组件,它提供了一系列便捷的属性和方法来处理数字的输入和校验,使得在开发中能够更加高效和方便地实现数字输入功能。 在本文中,我们将详细介绍Vue....

    移动web仿支付宝支付密码输入框

    可能需要自定义虚拟键盘,只显示数字键,提高输入效率。 8. **无障碍访问**: 确保输入框对辅助技术友好,如屏幕阅读器,提供清晰的语音反馈。 9. **响应式设计**: 如果项目需要跨平台兼容,需要考虑不同设备的...

    ios-短信验证码输入框.zip

    2. **数字输入限制**:为了匹配短信中发送的通常为4到6位的验证码,codeView可能设置了一个特定的输入长度限制,比如只能输入4到6个数字,并自动填充已输入的验证码。 3. **自动填充和清除**:codeView可能实现了...

    小方块输入框

    - **安全与隐私**:为了保护用户输入的敏感信息,如支付密码,通常会限制输入框的显示,只显示最后一位或几位输入的数字,其余用星号或其他符号代替。 - **用户体验**:确保输入框的响应速度和触控反馈,以及正确...

    vue实现一个6个输入框的验证码输入组件功能的实例代码

    总的来说,这个 Vue 验证码输入组件实例通过结合 Vue 的响应式系统、指令绑定以及事件监听,提供了一个用户友好的验证码输入体验。它允许用户通过键盘、鼠标和剪贴板进行交互,同时保持了输入格式的正确性,确保了...

    验证码输入框,自定义键盘

    - 对输入进行限制,比如只允许输入特定字符集(数字、字母等)以及设定输入的最大长度。这可以通过监听每个单元格的点击事件并在事件处理中执行验证逻辑来实现。 5. **动画效果**: - 添加一些视觉反馈,比如输入...

    可以选择个数的正方形验证码输入框实现的源码

    4. **处理触摸事件**:重写`onTouchEvent()`来响应用户的触摸操作,例如选中输入框、输入值等。 5. **输入验证**:当用户完成输入后,提供验证功能,检查输入的验证码是否与服务器端提供的验证码匹配。 6. **错误...

    Android-android自定义键盘支持身份证键盘ip地址键盘数字键盘等

    对于输入的校验,可以监听每个输入框的文本变化,确保输入的数字在0-255范围内,且最多只能输入三位数字。 4. 数字键盘 数字键盘相对简单,只需包含0-9的数字键。在处理用户输入时,可以设定输入限制,比如最大输入...

    iOS验证码和密码输入框

    1. **输入限制**:对输入内容的长度、格式进行校验,例如验证码通常为4位或6位数字。 2. **动画效果**:为输入框添加动画效果,如聚焦时的放大、边框颜色变化等,提升用户体验。 3. **错误提示**:当输入不符合要求...

    Vue数字输入框组件示例代码详解

    1. 只允许用户输入数字,包括整数和小数。 2. 可以设置组件的初始值。 3. 允许开发者设置输入框可以接受的最大值和最小值。 在介绍代码之前,需要了解几个关键的Vue概念:`props`、`data`、`render`函数、`watchers...

Global site tag (gtag.js) - Google Analytics