Ir para conteúdo
Fórum Script Brasil
  • 0

Validação sem espaços no campo


Renzo Schröder

Pergunta

Quero que a mensagem "<Digite seu nome completo>" ainda apareça mesmo se o usuário colocar espaços no campo. Coloquei o .length para que o usuário tenha que digitar pelo menos 10 caracteres no campo "Nome", mas eu quero que ainda assim apareça a mensagem "<Digite seu nome completo>" caso o usuário digite menos de 10 caracteres ou se ele der quantos espaços for possível.

Veja no Youtube

Fiz um vídeo que mostra isso.

JAVASCRIPT

&lt;script type="text/javascript">

        function limparNome() {

            nome_digitado = document.getElementById("campoNome").value;

            if (nome_digitado == "<Digite seu nome completo>") {

                document.getElementById("campoNome").value = "";
            }


            else {
                document.getElementById("campoNome").value = nome_digitado;
            }
        }

        function verificaNome() {

            nome_digitado = document.getElementById("campoNome").value;

            if (nome_digitado == "") {

                document.getElementById("campoNome").value = "<Digite seu nome completo>";
            }

            else if ((nome_digitado != "<Digite seu nome completo>") || (nome_digitado != "")) {

                document.getElementById("campoNome").value = nome_digitado;
            }
        }

/* A FUNÇÃO VALIDAR FORMULÁRIO SÓ TEM PARA O CAMPO "NOME" POR ENQUANTO */
        function validarFormulario() {


            if (document.formulario.txt_nome.value == "<Digite seu nome completo>" || document.formulario.txt_nome.value.length < 10) {

                alert("Preencha campo 'NOME' corretamente!");

                document.formulario.txt_nome.focus();

                return false;

            }
HTML
<div>
        <span>(*) Campos Obrigatórios</span>
        <form action="enviar.php" method="post" name="formulario" onsubmit="return validarFormulario();">
        <table border="0">
            <tr>
                <td align="right">
                    Nome:
                </td>
                <td>
                    <input type="text" name="txt_nome" id="campoNome" maxlength="40" size="35" value="<Digite seu nome completo>"
                        onfocus="limparNome();" onblur="verificaNome();" />*
                </td>
            </tr>

Eu sei que deve tá porco o código, mas comecei aprender isso há pouco tempo.

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

Boa tarde.

Vê se ajuda

function trim(sString){

var iTamaho = sString.length;

var sNovaString = '';

for (var i = 0; i < iTamaho; i++) {

if (sString.charAt(i) != ' ') {

sNovaString += sString.charAt(i);

}

}

return sNovaString;

}

if( trim(' ') == '' ) alert('Campo vazio');

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...