Jump to content
Fórum Script Brasil
  • 0

Validação sem espaços no campo


Renzo Schröder

Question

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 to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...