Ir para conteúdo
patrickluan.matos

Java script não executa simplesmente

Recommended Posts

Bom galera segue o código que esta me dando dores de cabeça, alguém poderia dar uma luz no que esta de errado?

já botei dentro do head ja botei dentro do body ja inverti o monitor de ponta cabeça e nada

já tentei também fazer de fora do documento, já tentei executar outros navegadores e sem sucesso.


<html lang="pt-br">

<head>
<meta charset="utf-8"/>
<title>bosta</title>
</head>
<script>

function valida(form){
    if(document.form.nome.value==""){
        alert("Nome deve ser preenchido");
        return false;
        document.form.nome.focus();
    }
    if(form.email.value == "" || form.email.value.indexOf('@',0) == -1 || form.value.indexOf('.',0 == -1)){
        alert("campo de e-mail é inválido");
        return false;
        document.form.email.focus();
    }
    if(form.estado.value == "" || form.estado.value.indexOf('',0) == 1 || form.value.indexOf('',0 == 1)){
        alert("Selecione um estado");
        return false;
        document.form.estado.focus();
    }
    if(form.login.value.lenght <5 || form.login.value.lenght > 15){
        alert("Login deve conter entre 15 e 5 caracteres");
        return false;
        document.form.login.focus();
    }
    if (document.form.senha1.value.lenght < 5 || form.senha1.value.lenght >15){
        alert("A senha deve conter entre 5 e 15 caracteres");
        return false;
        document.form.senha1.focus();
    }
    if (form.senha1.value.indexOf('',0)!=-1){
        alert("A senha não pode conter espaços em branco");
        return false;
        document.form.senha1.focus();
    }
    if(form.senha1.value != form.senha2.value){
        alert("Senhas não conferem!");
        return false;
        document.form.senha1.focus();
        document.form.senha2.focus();
    }
    return true;
}

</script>

<body>


<form method="POST" id="form" name="form" action="php.php" onSubmit="return valida(this);">
<p>Nome:<input type="text" name="nome" size="20"/></p>
<p>E-mail:<input type="text" name="email" size="20"/></p>
<p>Estado:
<select name="estado">
    <option value=""></option>
    <option value="AC">AC</option>
    <option value="AL">AL</option>
    <option value="AM">AM</option>
    <option value="AP">AP</option>
    <option value="BA">BA</option>
    <option value="CE">CE</option>
    <option value="DE">DE</option>
    <option value="ES">ES</option>
    <option value="GO">GO</option>
    <option value="MA">MA</option>
    <option value="MG">MG</option>
    <option value="MS">MS</option>
    <option value="MT">MT</option>
    <option value="PA">PA</option>
    <option value="PB">PB</option>
    <option value="PE">PE</option>
    <option value="PI">PI</option>
    <option value="PR">PR</option>
    <option value="RJ">RJ</option>
    <option value="RN">RN</option>
    <option value="RO">RO</option>
    <option value="RR">RR</option>
    <option value="RS">RS</option>
    <option value="SC">SC</option>
    <option value="SE">SE</option>
    <option value="SP">SP</option>
    <option value="TO">TO</option>

</select>
</p>
<p>Login: <input type="password" name="login" size="20"  /> </p>
<p>Senha: <input type="password" name="senha1" size="20"/></p>
<p>Confirma senha:<input type="password" name="senha2" size="20"/></p>


<input type="submit" value="enviar"  onClick="valida"/>

</form>
<noscript>Seu navegador não suporte java script ou não esta habilitado</noscript>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

onSubmit para onsubmit

 

As funções javascript devem está dentro da tag header sendo escritas ou sendo requisitadas por arquivo .JS

Quando a mesma manipula o DOM e não requer intervenção do usuário para funcionar deve ficar dentro da tag body de preferência logo antes do fechamento.

No seu caso não está em nenhuma das situações.

 

E qual o erro de console que aparece?

Se o navegador está redirecionando antes de executar log tente isso 

onsubmit = "valida(this); return false;">

 

Eu não gosto de referenciar forms com this eu prefiro chamar os elementos e pega-los isoladamente.

<form onsubmit="return submeterForm();">
    <input type="text" name="nome_do_input" id="id_do_input" />
    <button type="submit">Validar</button>
</form>
<script>
    function submeterForm() {
        var valorDoInput = document.getElementById('id_do_input').value;
        console.log(valorDoInput);
        return false;
    }
</script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por martinazzo
      não consigo apagar, então deixei assim... se alguém conseguir por favor
    • Por rd111072
      Olá! Preciso pegar o valor de uma variável javascript, postar para uma página php pra criar uma variável session php.
      aqui tento passaar a variável js:
       
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> var valor = ""; $(document).ready(function() { $('input:radio[name=aviso]').click(function() { //Executa Loop entre todas as Radio buttons com o name de valor $('input:radio[name=aviso]').each(function() { //Verifica qual está selecionado if ($(this).is(':checked')) valor = parseInt($(this).val()); }) alert(valor); $.post( "cria_session.php", { aviso: valor} ); }) }) </script> Aqui tento, ao menos, imprimir na tela:
      <? echo "Olá <script>document.write(valor)</script>"?> Só o que funciona é o alert ^^^.

      Alguém sabe?
       
    • Por Robson Augusto
      Galera se alguém souber o que ocorre,  é o seguinte, não acredito que possa ser Problema de SEO, mas vamos lá meu site anuncicarbh.com, não aparece em pesquisa feitas pelo computador, com a palavra chave "seminovos bh", ele aparece na primeira oscilando para segunda pagina do bing e yahoo, fazendo a pesquisa pelo telefone, ja no pc ele nao aparace mais no yahoo, mas continua a aparecer no bing, ja no google ele teve pequenas aparições na terceira página, agora em ambas as pesquisas de pc e celular ja não aparece mais no google... So aparece atualmente no google, pesquisando pelo nome do site... Alguem saberia me dizer o por que disso? será SEO?
    • Por danilosilva222
      Olá pessoal, boa tarde! 
      Sou novato em programação e aqui no fórum é a minha primeira postagem, e tenho uma dúvida.
      Com Javascript, é possível desenvolver um sistema web completo para gestão, como por exemplo, academias, lojas, supermercados, etc..? 
      Desde já agradeço a atenção de vocês. 
    • Por nosredna
      Olá amigos,
       
      tenho o seguinte código:
      <html> <script type="text/javascript"> function Soma(){ var soma = 0; var ipts = document.querySelectorAll('input[oninput="Soma()"]'); for(var x=0; x<ipts.length; x++){ var valorItem = parseFloat(ipts[x].value); !isNaN(valorItem) ? soma += parseFloat(valorItem) : null; } document.querySelector('#final').value = soma.toFixed(2); } </script> <form action=""> Total produto1: <input type="text" oninput="Soma()" value="0"><br> Total produto2: <input type="text" oninput="Soma()" value="0"><br> <br> Total todos os produtos12: <input type="text" id="final"> </form> </html> Bom...para essas duas inputs funciona corretamente.
      Porém, se eu quiser colocar mais inputs como: Total produto3 + Total produto4 = Total todos os produtos34, Total produtoX + Total produtoY = Total todos os produtosXY, ...
      e usar o mesmo código JS, é possível? alguém poderia me dar uma dica de como eu faço para fazer isso? já tentei de várias maneiras, mas não estou tendo sucesso...
       
      Fico agradecido. 
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.