JQuery.validate的数字规则不适用于数字输入

Question

I've got a form, within an input Html element:

<input name="MyInputName" type="number" />

and its 'type' attribute is set to "number" because I want to take advantage of HTML5's features.

In my js code I initialize jQuery.validate plugin:

$('.myFormClassName').validate({
   rules: {
      MyInputName: {
         digits: true
      }
   }
});

... but it does not work.. I've managed everything correctly: I'm sure of this because if I get off my input's 'type' attribute (or set it to "text"), the validation works fine.

Is it a bug of jQuery.validate plugin or am I carelessly missing something important?

Thanks everyone ;)

Answer 1

This issue has been identified before and was supposedly fixed...

You can read about it here: https://github.com/jzaefferer/jquery-validation/issues/97 and here: https://github.com/jzaefferer/jquery-validation/pull/145

However, it appears others are reporting more recently (the above "fix" is around 2 years old, whereas this issue report is within the past few months) and so it may be broken again: https://github.com/jzaefferer/jquery-validation/issues/922

The only work-around I've found is to use type="text" on the input element. This is unfortunate because then you end up with the plain text input rather than the nice HTML5 integer box.