xxxxxxxxxx
function format_price_list(price_list){
if (price_list.length<6){
return price_list;
}else {
return price_list.substring(0,6)
}
}
<input type={"number"} value={price_list}
onInput={(e) => setPrice_list(format_price_list(e.target.value))}/>
xxxxxxxxxx
import {useState} from 'react';
const App = () => {
const [num, setNum] = useState('');
const handleNumChange = event => {
const limit = 4;
setNum(event.target.value.slice(0, limit));
};
console.log(num);
return (
<div>
<h2>123456789</h2>
<input
type="number"
id="num"
name="num"
value={num}
onChange={handleNumChange}
/>
</div>
);
};
export default App;
xxxxxxxxxx
for maxLength to work, type has to be 'text'
(most people are probably putting number)
xxxxxxxxxx
<input name="pincode"
onInput={(e) => {
if (e.target.value.length > e.target.maxLength)
e.target.value = e.target.value.slice(0,e.target.maxLength);
}}
type = "number"
maxlength = {6}
/>