最小最大或零值的jQuery Validator自定义规则

时间:2018-08-14 05:53:27

标签: javascript jquery jquery-validate

我正在使用jQuery验证程序,并且一切正常。但是现在我有一个使用最小值和最大值的要求。但这是一个问题。

要求

用户可以输入60-6000中的值。

代码

<input type="number" value="0" max="600" min="60" class="form-control" id="interval" placeholder="Enter interval in seconds 0 or min. 60 - max 600" name="interval">

问题

问题在于用户无法输入0值。

1 个答案:

答案 0 :(得分:-1)

尝试这个https://codepen.io/iliyazelenko/pen/vaMgEQ

$(interval).on('input propertychange', () => {
  const val = +$(interval).val()
  
  if (val === 59)
    $(interval).val(0)
  else if (val < 59 && val !== 0)
    $(interval).val(60)
  else if (val - 1 === 0)
    $(interval).val(60)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" value="0" max="600" class="form-control" id="interval" placeholder="Enter interval in seconds 0 or min. 60 - max 600" name="interval" id="interval">