Cleave.js: input type="number" will cause error on numeric field with thousand separator

[weiloon1234]

THE JS

$('.fund-input').each(function (index, field) {
  var dc = $(this).data('decimal');
  dc = typeof dc !== 'undefined' ? dc : 5;

    new Cleave(field, {
      numeral: true,
      numeralThousandsGroupStyle: 'thousand',
      numeralDecimalScale: dc
  });
);

THE HTML
<input class="form-control fund-input empty" autocomplete="off" placeholder="0.00" name="amount" type="number" value="">

@nosir

[lnasc256]

Hello!

Could you try to change the input type to "tel"?

As far as I know, the "tel" input type works just like the "number", but it allows you to have commas and dots in it. It also doesn't have the right-side buttons (↑ and ↓) to increase or decrease the number. Another good thing is that this input type works just as expected in mobile, as it opens the number keyboard to the user.

<input class="form-control fund-input empty" autocomplete="off" placeholder="0.00" name="amount" type="tel" value="">

[natedunn]

It isn't a semantic option to use tel in any case other than phone numbers. The library should simply support appropriate options.

[ghost]

Hi, I am having the same issue, with the "tel" keyboard the user cannot insert the dot to add decimals, so is not a valid solution for me neither.

[rshelnutt]

Tel does _not_ work just like number. It allows for similar formats, but on android devices (at least) the period is pushed to second page and is not readily visible by users, along with several other unnecessary characters. Requiring any extra keypresses to force a solution to fit in a box is terrible practice. Going to reiterate what others have been commenting - "number" type inputs need their own coverage.

tel != number

[pimskie]

[...]The library should simply support appropriate options.

<input type="number"> simply doesn't support input other than valid floating-point numbers.

[royipressburger]

any news on this one?

[nosir]

As indicated by @pimskie

<input type="number"> simply doesn't support input other than valid floating-point numbers.

Cheers