Verifique os dados $ _POST com jquery antes de enviar o formulário

Question

Jul 11, 2016, 01:00 PM

Verifique os dados $ _POST com jquery antes de enviar o formulário

Eu tenho um formulário que envia a loja aFirst Name do usuário em um banco de dados. Eu estava verificando as informações enviadas pelo usuário usandoregex em php. Para tornar meu projeto mais interativo, decidi validar as informaçõesjQuery antes de enviá-lo para PHP.

Meu projeto fica assim:

<script type="text/javascript" src="jquery-2.2.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js" type="text/javascript"></script>

<body>
    <form >
        <div>
            <label>First Name</label>
            <input name="firstname" type="text">
        </div>
        <div>
            <input type="submit">
        </div>
    </form>
</body>
</html>

<script>
    $(document).ready(function() {
        
        $("form").submit(function (e) {
            
            var firstname = $(this).find('input[name="firstname"]').val();

            var regex = /^[A-Za-z0-9 \-']+$/;//Only numbers, Letters, dashes, apostrophes and spaces are accepted
            if(regex.test(firstname)){
                alert('Valid Name.');
            }else{
                alert('Invalid Name.');
                e.PreventDefault();
            }
        });
    });
</script>

Agora eu tenho 2 perguntas:

É realmente necessário verificar oFirst Name em PHP novamente antes de armazenar os dados no banco de dados? (Para melhorar a segurança)Como posso enviar o formulário logo após oalert('Valid Name.'); ?

Obrigado por fornecer sua ajuda.