文章/答案/技术大牛

发布

社区首页 >问答首页 >具有轻松的“步骤”属性的JQuery验证插件在<input>上

问具有轻松的“步骤”属性的JQuery验证插件在<input>上
EN

Stack Overflow用户

提问于 2018-10-01 11:00:47

回答 1查看 592关注 0票数 0

我使用jquery验证，并且我有一个带有step=10集的"number“输入框，即使应该允许用户手动设置一个不大于10的值(例如23)：

<input name="myNumber" type="number" step=10 min=0>

换句话说，我喜欢Chrome和Firefox旋转(上下箭头)来增加用户体验，但我不喜欢browser/jquery.Value如果手动设置一个值而不是倍数的"step“(见下图和小提琴在这里)会引发错误。

是否有一种方法可以使输入自旋步骤同时放松“步骤”的多个输入约束？

例如(尝试小提琴)：

<input name="myNumber" type="number" step=10 min=0>

和

this.$form.validate({
    rules: {
        "myNumber": {
            required: true
            step: "relax"   // <<== example
         }
    }
});

jquery

jquery-validate

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-03 19:38:52

jQuery验证插件基于step="10"的内联HTML属性设置其step规则参数。

如果不希望验证规则使用HTML中的参数，只需设置自己的参数即可。

rules: {
    "myNumber": {
        required: true,
        step: "1"  // <- this will over-ride parameter from HTML attribute
    }
}

所有输入值都是有效的，但是向上/向下箭头将移动10的增量。

演示： Jsfiddle.net/rcx9mztm/

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52589699

复制

相似问题

问具有轻松的“步骤”属性的JQuery验证插件在<input>上
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有轻松的“步骤”属性的JQuery验证插件在<input>上EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有轻松的“步骤”属性的JQuery验证插件在<input>上
EN