html中radio单选和文本框限制只能输入数字的解决方案
一、当html中存在多个radio单选按钮时将所有的单选按钮name属性设置为一样,就可实现每次只选中一个的效果。
二、限制文本框只能输入数字,代码如下:
$(function(){
$(":radio.dian").click(function(){
//单击radio后移除所有的边框样式
$("label").removeClass("bank_border");
if(this.checked){//当radio选中时设置边框样式
$(this).parent().parent().attr("class","bank_border");
}
});
//阻止数字键以外的按键输入
$("#zf_money").keydown(function(e) {
digitInput($(this), e);
});
});
function prevent(e) {
e.preventDefault ? e.preventDefault(): e.returnValue = false;
}
function digitInput(el, e) {
var e = e || window.event; // FF、Chrome IE下获取事件对象
var c = e.charCode || e.keyCode; //FF、Chrome IE下获取键盘码
var val = el.val();
if (c == 110 || c == 190){ // 110 (190) - 小(主)键盘上的点
(val.indexOf(".") >= 0 || !val.length) && prevent(e); // 已有小数点或者文本框为空,不允许输入点
}else {
if ((c != 8 && c != 46 && // 8 - Backspace, 46 - Delete
(c < 37 || c > 40) && // 37 (38) (39) (40) - Left (Up) (Right) (Down) Arrow
(c < 48 || c > 57) && // 48~57 - 主键盘上的0~9
(c < 96 || c > 105)) // 96~105 - 小键盘的0~9
|| e.shiftKey || !re.test(this.value)) { // Shift键,对应的code为16
prevent(e); // 阻止事件传播到keypress
}
}
}
三、文本框阻止中文的输入
<input style="ime-mode:Disabled">
style="ime-mode:Disabled"意为关闭输入法
html中radio单选和文本框限制只能输入数字的解决方案的更多相关文章
- js怎么限制文本框input只能输入数字
1.说明 本篇文章介绍怎么使用js限制文本框只能输入数字 2.HTML代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1 ...
- js限制文本框input只能输入数字
JS判断只能是数字和小数点. ,文本框只能输入数字代码(小数点也不能输入) 复制代码 代码示例:<input onkeyup="this.value=this.value.replac ...
- Delphi中限制文本框(TEdit)只能输入数字
procedure Tform1.Edit1KeyPress(Sender: TObject; var Key: Char);var edt: TEdit; str, strL, strR: stri ...
- 限制html文本框input只能输入数字和小数点
代码: <input type="text" class="txt" name="qty" value="" on ...
- ASP.NET c# textbox 正则表达式 文本框只允许输入数字(验证控件RegularExpressionValidator )
<input type="text" name="test" onKeyUp="test1.value=(this.value=this.val ...
- 文本框只允许输入数字.net/javascript
<input type="text" name="test" onKeyUp="test1.value=(this.value=this.val ...
- C#控制文本框(TextBox)只能输入正数,负数,小数
由于项目需要,需要写一个TextBox文本框,此文本框需要满足:只能输入正数,负数和小数.比如:3,0.3,-4,-0.4等等. 在网上找了许多正则表达式都不好用,由于本人又对正则表达式 ...
- 使用Javascript限制文本框只允许输入数字
很多时候需要用到限制文本框的数字输入,试过许多方法,都不太理想,遂决定自己实现一个来玩玩.曾经使用过的方法通过onkeydown事件来控制只允许数字: <input onkeydown=&quo ...
- WinForm笔记一:文本框只允许输入数字
在WinForm的文本框中,有时候只允许数字,而不能输入除数字以外的其他字符,要调用TextBox的KeyPress事件,代码如下: //只允许输入数字 if (e.KeyChar<'0'||e ...
随机推荐
- java 学习笔记
charAt(1) ;返回下表为1 的 length 返回长度 indexOf("XXX")返回XX在的位置(开始位置) startWith() y以什么开始 endWith()以 ...
- uploadfy 图片/视频上传
JS引入 <link href="../../Scripts/uploadify/uploadify.css" rel="stylesheet" /> ...
- 细数本地连阿里云上mysql8遇到的坑
最近两个月忙成狗,给了自己一个冠冕堂皇的不记录博客的借口,今天咬牙记录一篇本地连阿里云mysql遇到的各种坑; 昨天利用妹妹的学生身份买了台廉价的阿里ECS,购买成功后的第一反应当然是把本地的mysq ...
- 根据图片URL获取图片的尺寸【Swift语言实现】
import UIKit extension UIImage { /// 获取网络图片尺寸 /// /// - Parameter url: 网络图片链接 /// - Returns: 图片尺寸siz ...
- jenkins部署安装
http://www.cnblogs.com/lzcys8868/p/6286727.html
- MVC部署阿里云躺过的坑
1.端口问题 服务器上的80端口默认是打开的.但要能用必须在阿里云的安全组添加对应的配置. 2.安装IIS 在Windows Service 2012 安装IIS,安装时勾一个总复选框,但有些该分支下 ...
- 如何快速判断一个key是否存在在亿级数据中(bloomFilters)
面试题 现在有一个非常庞大的数据(亿级),假设全是 int 类型.现在我给你一个数,你需要告诉我它是否存在其中(尽量高效) 分析 采用bloomFilters进行实现(时间&空间尽可能的有效) ...
- WEB学习笔记7-样式与结构分离
CSS样式应用于HTML总共4种样式: (1)在HTML页面中链接一个CSS文件 文件以link形式添加到<head>部分,在link中可以设置media属性来表明样式使用的场景.例如,m ...
- C#/对线程的认识
1.线程的优点和缺点,以及什么时候来考虑使用线程.多线程可以使得程序响应更快,程序在进行其他任务的同时,线程也处于活动状态.当前没有处理任务的时候,可以把处理器的时间让给其他任务可以随时停止任务可以设 ...
- DPDK - gsg文档(介绍与编译)
&& Hugepage 提前分配hugepage内存,可以减少虚拟页地址转换到物理地址所需的时间. 相关命令: 在虚拟机上运行时,在没有NUMA的机器上,执行“echo 1024 &g ...