Sostituire il testo degli avvisi sui form

[Luca1317]

<input type="number" name="quantity" size="2" required min="10" max="9999" value="1" />

Quando inserisco un numero inferiore a 10 e invio il form il browser non mi fa procedere e mi avvisa con un testo: "Il valore deve essere superiore o uguale a 10"

Vorrei sostituire la scritta dell'avviso in "La quantità minima ordinabile è 10", si può?

[Luca1317]

Ci sono riuscito

<input type="number" name="quantity" id="quantity" size="2" required min="10" max="9999" value="1" />
<script>
document.getElementById('quantity').setCustomValidity('Messaggio personalizzato');
</script>

solo che mi si presenta uno strano problema:

mentre con un normale input di testo questo sistema andrebbe bene con l'iinput type number mi restituisce sempre l'errore con il messaggio personalizzato, anche quando il valore inserito presenta i giusti requisiti.

[Heteemel]

stranamente