Estou com um problema de cadastro. Eu cadastro em um formulário onde a pessoa coloca o nome do alimento, algo como isso:
<div>
<!-- FOOD -->
<div>
<label for="food">Alimento</label>
<input autocomplete="off" type="text" id="food" placeholder="Alimento...">
</div>
</div>
E quando o meu formulário é feito o submit, isso acontece em meu script:
$('form').submit(async event => {
event.preventDefault();
$('#save').prop('disabled', true);
let food = $('#food').val();
let id = food.replace(/\s/g, '').replace(/\./g, '').replace(/[\])}[{(]/g, '').toLowerCase() + '&&' + food;
// Serialize the form and add opening date
let formData = $('form').serializeJSON();
formData = Object.assign(formData, {
"food": id
});
});
Eu crio esse corpo pro meu formulário, colocando o "food
" com o valor que vem do meu input só que tentei colocar um replace para que não viesse espaços em branco e nem viesse pontos ou parênteses. Alguém consegue me ajudar a incrementar esse replace para que ele renomeie todos as letras que vierem com acento? como por exemplo a palavra "Feijão" ficar como apenas "feijao".