Skip to main content
removeu 49 caracteres do conteúdo
Fonte Link
Icaro Martins
  • 4,3mil
  • 14
  • 24
  • 35

eu estouEstou tentando validar um formulário com javascript usando o evento onsubmitonsubmit mas, so que quando eu faço a validação ele naonão da o alerta e envia os dados da mesma forma e pelo que eu estou vendo naonão tem nada de erro nele porque eu vi no console que nao teve erro algum entao, então eu percebi que ele ta pulando meu ifif, o que não era para acontecer e ele ta aparentemente tudo certo entao, então queria a ajuda de alguemalguém segue o codigo htmlcódigo html e enseguidaem seguida o jsjs:

HTML------------>HTML

JS--------------->JS

eu estou tentando validar um formulário com javascript usando o evento onsubmit mas, so que quando eu faço a validação ele nao da o alerta e envia os dados da mesma forma e pelo que eu estou vendo nao tem nada de erro nele porque eu vi no console que nao teve erro algum entao eu percebi que ele ta pulando meu if que não era para acontecer e ele ta aparentemente tudo certo entao queria a ajuda de alguem segue o codigo html e enseguida o js:

HTML------------>

JS--------------->

Estou tentando validar um formulário com javascript usando o evento onsubmit mas, que quando eu faço a validação ele não da o alerta e envia os dados da mesma forma e pelo que eu estou vendo não tem nada de erro nele no console, então eu percebi que ele ta pulando meu if, o que não era para acontecer e ele ta aparentemente certo, então queria a ajuda de alguém segue o código html e em seguida o js:

HTML

JS

Fonte Link

Validação de formulario com javascript

eu estou tentando validar um formulário com javascript usando o evento onsubmit mas, so que quando eu faço a validação ele nao da o alerta e envia os dados da mesma forma e pelo que eu estou vendo nao tem nada de erro nele porque eu vi no console que nao teve erro algum entao eu percebi que ele ta pulando meu if que não era para acontecer e ele ta aparentemente tudo certo entao queria a ajuda de alguem segue o codigo html e enseguida o js:

HTML------------>

<?php 
include "index.php";



 ?>


<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Title Page</title>

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
        <script src="validar.js" type="text/javascript" charset="utf-8"></script>

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <form action="inserir-dados.php" method="post" name="form" onSubmit="validar();">

            <table border="0" class="table table-responsive">
                <tr></tr>
                <td>Nome <input type="text" name="nome" id="Cnome" maxlength="32"  placeholder="Nome da pessoa" size="58" required></td>
            </tr>

            <tr>
                <td>Idade <input type="number" name="idade" id="Cidade"  placeholder="Idade da pessoa" required></td>
            </tr>
            <tr>
                <td>Telefone <input type="number" name="telefone" id="Ctelefone"   placeholder="XXX-XXXX-XXXX" required>
                </td>
            </tr>
            <tr>
                <td>Endereço <input type="text" name="endereço" id="Cendereço" maxlength="34"   placeholder="Endereço da pessoa"
                    required> </td>
                </tr>
                <tr>
                    <td>Cidade <input type="text" name="cidade" id="Ccidade" maxlength="24"    placeholder="Cidade da pessoa" required> </td>
                </tr>
                <tr>
                    <td>Estado</td>
                </tr>
                <tr>
                    <td>
                        <select class="btn btn-default" name="estado" id="Cestado">
                            <option>SP</option>
                            <option>MG</option>
                            <option>RJ</option>
                            <option>SC</option>
                            <option>BA</option>
                            <option>CE</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><input type="submit" value="Enviar"class="btn btn-primary"><input type="reset" Value="Limpar" class="btn btn-danger"></td>

                </tr>


            </table>

        </form>

        <!-- jQuery -->
        <script src="//code.jquery.com/jquery.js"></script>
        <!-- Bootstrap JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
        <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 
    </body>
</html>

JS--------------->

function validar(){

    if(document.form.telefone.value.lenght <11){
        alert("Esse campo precisa de 11 caracteres");
        document.form.telefone.focus();
        return false;
    }



}