相关疑难解决方法(0)

HTML5输入类型=数字更改步骤行为

如果我使用type ="number"的输入字段,其中step ="100".我不希望奇数无效.我只想增加或减少值为1000.

<input type="number" min="100" max="999999" step="100" />
Run Code Online (Sandbox Code Playgroud)

如果用户输入值"199"并提交,则他/她会收到错误,因为该值不能被100分割.但我想要的步骤值是控制微调器的行为,例如,如果用户点击我希望值199变为200,如果他/她点击,我希望它变为100.或者理想情况下,我希望值增加或减少值为100.

我该怎么做呢?我尝试使用无效事件(使用jQuery 1.7.2),如下所示:

$( "[type='number']" ).bind( 'invalid', function( e ) {
    var el = $( this ),
      val = el.val( ),
      min = el.attr( 'min' ),
      max = el.attr( 'max' );

    if ( val >= min && val <= max ) {
        return false;
    }
} );
Run Code Online (Sandbox Code Playgroud)

但这导致表单未提交.

PS.:这是在Fedora 16上的Google Chrome 20.0.1132.57中.

html javascript jquery html5 input-field

28
推荐指数
2
解决办法
7585
查看次数

标签 统计

html ×1

html5 ×1

input-field ×1

javascript ×1

jquery ×1