Note Field Mask - 10 or 5.5

Question

I’m looking for a script on jQuery to make a mask:

When I’m through with you 10, the field format to 10,0 and when it’s another note like 6,5 leave like this.

As an example below.

I need you to delimite the moment you type and not after you click out of the field.

Answer 1

look, I’ll post a suggestion, where the mask always has a decimal place and only allows numbers between 0 and 10.

var notas = document.getElementsByClassName("nota"); 

var onNotaInput = function (event) {
  var regexp = new RegExp("[^0-9]", "g");
  var value = event.target.value.replace(regexp, "");
  value = parseInt(value) / 10;
  if (value >= event.target.min && value <= event.target.max) {
    event.target.dataset.value = value;
  } else {
    value = parseFloat(event.target.dataset.value);
  }
  if (isNaN(value)) {
    value = 0;
  }

  event.target.value = value.toLocaleString(undefined, { minimumFractionDigits: 1 });
};

[].forEach.call(notas, function (nota) {
  nota.addEventListener("input", onNotaInput);
});

<label>
  Nota 01:
  <input class="nota" type="text" min="0" max="10" />
</label>
<br />
<label>
  Nota 02:
  <input class="nota" type="text" min="0" max="10" />
</label>
<br />
<label>
  Nota 03:
  <input class="nota" type="text" min="0" max="10" />
</label>
<br />
<label>
  Nota 04:
  <input class="nota" type="text" min="0" max="10" />
</label>

Answer 2

If I understand correctly, you want to format the field with a decimal place. Try this code:

$("#valor").on("change", function()
{
    this.value = Number(this.value.replace(",", ".")).toFixed(1).replace(".", ",");
});

Fiddle

Updating

The closest I could get with Masked input was this:

$.mask.definitions['~']='([0-9] )?';
$("#valor").mask("~9,9", {placeholder: " "});

Fiddle

^{Based in that reply.}

But the mask was a *osta and I could not limit the number to 10.

Update 2

Making a mask in the hand, specific to your case, I arrived at this code:

$("#valor").on("keyup", function(e)
{
    var code = (e.keyCode || e.which);

    // do nothing if it's an arrow key or backspace
    if(code == 37 || code == 38 || code == 39 || code == 40 || code == 8) {
        return;
    }

    var num = Number(this.value.replace(",", "."));

    if (this.value.replace(",", "").length > 2) num = num * 100;

    var value = (num <= 10 ? num : 10);

    this.value = value.toFixed(1).replace(".", ",");
});

Fiddle