input限制输入框值大小

人间精品 2016-02-19 01:40:40
如标题所述:Jquery怎么现在input type="text" 输入框的值,比如限制最大不能超过10,那么这个框最大只能输入10,输入大于10的默认为10
...全文
3784 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
mmy???? 2017-08-01
  • 打赏
  • 举报
回复
正怒月神 版主 2016-02-19
  • 打赏
  • 举报
回复
在失去焦点的事件中,增加 判断。 和楼上差不多
丰云 2016-02-19
  • 打赏
  • 举报
回复
注意,两种的方法要配合起来使用,一个是限制输入,一个是限制按钮事件的修改,你根据自己的情况修改下就行了
丰云 2016-02-19
  • 打赏
  • 举报
回复
我没测试,只是写了个思路,给你参考的,你自己调试下看看问题出在哪里了
人间精品 2016-02-19
  • 打赏
  • 举报
回复
引用 4 楼 foren_whb 的回复:

    <script type="text/javascript">
        $('.cut').on('click', function () {
            var v = parseInt($('.Number').val(), 10);
            (v > 0) && $('.Number').val(v - 1);
        })
        $('.add').on('click', function () {
            var v = parseInt($('.Number').val(), 10);
            (v  < 10) && $('.Number').val(v + 1);
        })
    </script>
好像不起作用,输入框还是可以随意输入值,加减也都没有起作用
丰云 2016-02-19
  • 打赏
  • 举报
回复

    <script type="text/javascript">
        $('.cut').on('click', function () {
            var v = parseInt($('.Number').val(), 10);
            (v > 0) && $('.Number').val(v - 1);
        })
        $('.add').on('click', function () {
            var v = parseInt($('.Number').val(), 10);
            (v  < 10) && $('.Number').val(v + 1);
        })
    </script>
丰云 2016-02-19
  • 打赏
  • 举报
回复
引用 2 楼 x_jax 的回复:
[quote=引用 1 楼 foren_whb 的回复:] $('#youInputId').on('keyup',function(){ var v = paresInt($(this).val(), 10); if(v > 10){ $(this).val(10); } });
我需要在加或者减的过程中限制不能加减并且限制输入框的值[/quote] 这是在玩大家吗。。。。 为什么不一开始就这么说清楚。。。。。
人间精品 2016-02-19
  • 打赏
  • 举报
回复
引用 1 楼 foren_whb 的回复:
$('#youInputId').on('keyup',function(){
var v = paresInt($(this).val(), 10);
if(v > 10){
$(this).val(10);
}
});




我需要在加或者减的过程中限制不能加减并且限制输入框的值
丰云 2016-02-19
  • 打赏
  • 举报
回复
$('#youInputId').on('keyup',function(){ var v = paresInt($(this).val(), 10); if(v > 10){ $(this).val(10); } });
资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 Vue.js 是一款广泛使用的前端框架,用于构建用户界面。接下来,我们将探讨如何使用 Vue 实现一个六位数字验证码输入组件。该组件具备多种交互功能,包括限制输入为数字、正常输入、通过退格键删除、在任意位置粘贴、通过鼠标滚轮微调数字大小以及自动覆盖光标之后的字符。 组件的模板部分包含六个 <input> 元素,每个输入框限制输入长度为1,并且只能输入0到9的数字。通过 v-model.trim.number 指令,确保输入的数据是数字类型且自动去除首尾空格。每个输入框还设置了 data-index 属性,用于追踪当前输入的位置。此外,模板绑定了键盘事件(如 keydown、keyup、paste 和 input)以及鼠标滚轮事件(mousewheel)。在样式方面,使用 SCSS 编写 CSS,采用网格布局显示输入框,并设置了边框、字体大小等样式。同时,禁用了 WebKit 内置的数字按钮,防止用户通过小键盘的上下箭头键改变数字。 在组件的 JavaScript 部分,data 函数定义了一个名为 pasteResult 的数据属性,用于存储粘贴操作的数字。组件通过 code 属性接收父组件传递的默认验证码,并据此初始化输入框。computed 对象中的 input 计算属性会根据 code 返回初始化后的输入数组。 事件处理逻辑是该组件的核心。keydown 和 keyup 事件处理函数用于管理用户按下和释放键盘按键时的行为,例如限制输入的数字范围。paste 事件处理函数会将粘贴的内容分割成数字数组并存入 pasteResult。input 事件处理函数则确保输入的数字不会超过六位。mousewheel 事件处理函数用于微调光标后面的数字,当用户滚动鼠标滚轮时,数字会相应地增

62,263

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧