<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</head>
<script type="text/javascript">
$.fn.numeral = function() {
$(this).css("ime-mode", "disabled");
this.bind("keypress",function() {
if (event.keyCode == 46) {
if (this.value.indexOf(".") != -1) {
return false;
}
} else {
return event.keyCode >= 46 && event.keyCode <= 57;
}
});
this.bind("blur", function() {
if (this.value.lastIndexOf(".") == (this.value.length - 1)) {
this.value = this.value.substr(0, this.value.length - 1);
} else if (isNaN(this.value)) {
this.value = "";
}
});
this.bind("paste", function() {
var s = clipboardData.getData('text');
if (!/\D/.test(s));
value = s.replace(/^0*/, '');
return false;
});
this.bind("dragenter", function() {
return false;
});
this.bind("keyup", function() {
if (/(^0+)/.test(this.value)) {
this.value = this.value.replace(/^0*/, '');
}
});
};
</script>
<body>
<input type="text" id="txt1">
<input type="text" id="Text2">
</body>
<script type="text/javascript">
$("#txt1").numeral();
</script>
</html>
或者
$("#joinYears").keyup(function(){
var tmptxt=$(this).val();
$(this).val(tmptxt.replace(/\D|^/g,''));
}).bind("paste",function(){
var tmptxt=$(this).val();
$(this).val(tmptxt.replace(/\D|^/g,''));
}).css("ime-mode", "disabled");
分享到:
相关推荐
这个“jquery只能输入数字的文本框插件”是为了解决一个常见的用户界面需求:限制用户在特定输入框中只能输入数字,防止非数字字符的输入。这种功能对于处理货币、数量或者任何需要精确数值的数据输入场景尤其有用。...
**jQuery滑动数值选择器详解** 在Web开发中,用户交互是至关重要的,尤其是在涉及到数据输入时。jQuery库提供了一种高效且用户友好的方式来实现这种交互,这就是滑动数值选择器。这个Demo展示了如何利用jQuery实现...
本示例中,我们将深入探讨如何使用jQuery进行数值计算,创建一个基本的计算器功能。 首先,jQuery的核心是选择器,它们允许我们高效地找到DOM中的元素。在这个计算器程序中,可能使用了`$("#elementId")`来选取特定...
通常,我们会使用`<input>`标签,其type属性可以设置为"text"或"number"来创建文本输入或数字输入。为了限制用户只能输入0.5的倍数,我们可能需要将type设为"number",因为它提供了更多的内置验证功能。 ```html `...
本主题涉及的是一个基于jQuery的特定插件,即用于数字输入的插件,通常用于电商网站的商品数量选择,如淘宝上的商品数量加减功能。这个插件可能被称为"key.number",它为用户提供了友好的交互体验,使得用户可以方便...
首先,jQuery限制最大输入数字的功能主要应用于表单输入,特别是那些需要用户输入数值的场景。例如,在电子商务网站中,购物车的数量输入框,或者在数据统计表格中,限制用户输入的最大数值以防止错误或非法输入。...
标题中的“jQuery控制输入框只能输入数值的小例子”是指使用jQuery库来限制用户在HTML文本输入框(`<input type="text">`)中只能输入数值。这个功能在许多应用场景中非常有用,例如在线表单、评分系统或者任何需要...
在本项目中,"jQuery自定义数值抽奖活动代码.zip" 提供了一个基于jQuery实现的抽奖程序,该程序允许用户在指定范围内设定一个数值区间,然后通过点击“开始”和“停止”按钮,由计算机随机选取并展示一个结果。...
如果用户尝试在输入框中输入非法的字符(例如字母或特殊符号),插件可以配置为在失去焦点时自动清除非法输入,或者将输入值重置为最小允许值,以保证输入框中始终是有效的数值。 5. **附加功能与参考文档**: ...
`jQuery Validate`通过与jQuery的无缝集成,使得验证用户输入变得简单快捷。它可以处理各种常见的验证需求,如必填项、电子邮件格式、URL、日期等,并且允许开发者自定义验证规则。此外,该插件还支持多语言,满足...
jQuery Spin button 是一款非常实用的前端插件,它主要用于文本框(input[type="text"])中的数值自动增减功能。这款插件利用了JavaScript库jQuery的强大功能,为用户提供了一种直观且易于操作的方式,以便在网页...
这种效果可以用于各种场景,比如设置音量、调节亮度或输入特定数值。 首先,我们需要了解HTML文件(index.html)的基本结构。在这个示例中,HTML可能会包含一个div元素作为拖动区域,可能还有一些其他元素用来显示...
总结一下,实现“js只能输入数字(包括小数)的文本框”主要涉及JavaScript事件监听、正则表达式验证以及可能的第三方库如jQuery和Numeral.js的使用。这样的功能有助于提高用户输入的准确性,减少数据处理错误,是...
在本文中,我们将深入探讨如何使用jQuery库创建一个自定义的Spin Button,也称为数值选择器,用于文本框中的数值自增或自减。这个功能常见于许多网页表单,尤其是涉及数量输入的地方,比如购物车的商品数量调整。...
- `range`: 验证输入数值在指定范围之间。 - `max`/`min`: 确保输入的数值不超过或低于指定的最大值或最小值。 3. **自定义验证规则**: 如果默认的验证规则不能满足需求,你可以通过`.addMethod()`函数创建自己...
1. jQuery Combobox:组合框插件,提供下拉列表和文本输入功能。 2. jQuery controlled dependent (or Cascading) Select List:联动下拉列表。 3. Multiple Selects:多选下拉框。 4. Select box manipulation:...
- **滑块(Slider)**:可以作为数值输入工具,或者用于展示进度和选择范围。 - **日期选择器(Datepicker)**:方便用户选择日期,支持多种格式和日期限制。 - **下拉菜单(Autocomplete)**:自动完成输入,常用于...
9. **Autocomplete(自动补全)**:输入框内自动填充建议,常用于搜索或数据输入。 ### 开发与集成 **index.html**:这是项目的主入口文件,通常包含HTML结构和jQuery UI的引用。需要引入jQuery库和jQuery UI CSS...
- **jQuery Spin Button Control**: 实现数值增减控制。 - **jQuery Ajax Form Builder**: 快速构建Ajax表单。 - **jQuery Focus Fields**: 自动聚焦到表单中的特定字段。 - **jQuery Time Entry**: 设置时间...