Contornar o erro de digitação no <input>

[Frank K Hosaka]

A melhor forma de evitar erro de digitação no <input> é usando o <input type=number>, mas eu queria usar o <input> para fazer cálculo, tipo 2,15+0,17, principalmente no Laravel.

Com a ajuda do Copilot, cheguei no código a seguir. Note que sempre uso o arquivo index.php, isso é para agilizar o teste. No código a seguir o nome do arquivo é importante porque uso o nome do arquivo para voltar nele mesmo.

arquivo index.php
<?php 
if(isset($_GET['numero']))
{
    echo "resultado= ".$_GET['numero']."<p>";
    echo "<input type=submit value='Novo Teste' onclick=location.replace('index.php')>";
    exit;
} 
?>
<script>
    function modificar()
    {
        event.preventDefault()
        numero.value=numero.value.replace(/,/g,'.')
        if(/^[0-9+\-*/().\s]+$/.test(numero.value))
        {
            numero.value=eval(numero.value)
            myForm.submit()
        } else {
            numero.value="Erro de digitação!"
        }
    }
</script>
<form id=myForm onsubmit=modificar(numero.value)>
<input id=numero name=numero autofocus>
<p>
<input type=submit>
</form>

 

Editado 2 horas atrás por Frank K Hosaka