Estou tentando fazer uma função que atribua um número limitado de casas decimais em um input de 'quantidade' dependendo de qual será o valor de um outro input chamado 'unidade'
Caso o input de unidade seja = 'L', só poderia ser permitido enviar no campo de 'quantidade' valores com 2 casas decimais, e caso o input seja 'CX' ou 'UN', só deveria ser permitido números inteiros.
Não sei como consigo pegar o 'value' do campo de 'Unidade' e como designar que o campo 'Quantidade' só pode ser inteiro ou com 2 casas decimais... Estava tentando utilizar do atributo 'step' mas também não consegui resolver...
Segue meus dois inputs:
<input
onChange={handleInputChange}
value={quantidade || ''}
step={quantidadeValue}
type="number"
name="quantidade"
id="quantidade"
required />
<label htmlFor="quantidade"">
Quantidade
</label>
<label htmlFor="unidade">Selecione uma opção</label>
<select
onChange={handleInputChange}
value={unidade || ''}
name='unidade'
id="unidade">
<option selected>Unidade</option>
<option value="UN">UN</option>
<option value="L">L</option>
<option value="CX">CX</option>
</select>