Publicado em 15 de set.

Testando strings com javascript

Olá pessoal,

Sou programadora iniciante e estou tentando testar uma das propriedades do jquery referente a strings através do seguinte código:

<html>
 <script type="text/javascript" src="JQuery.js"></script>
 <script type='text/javascript'>
 $(document).ready function(){
 $(".botao").click function (){
 var string = document.getElementByName("campo");
 if(string.substring(0, 3) === "www.") {
 alert "Esse é um site da internet.";
 }
 else{
 alert "Esse é um texto qualquer.";
 }
 }
 }
 </script>
 <body>
 <input type='text' name='campo'/>
 <input type='button' value='teste o campo' class='botao'/>
 </body>
</html>

Atraves de if(string.substring(0, 3) teoricamente é feita a validação para saber se os 4 primeiros caracteres do input campo são "www." mas já testei o código de todos os jeitos e ele simplesmente não faz nada. O que estou fazendo errado? Misturei sintaxe de jquery com javascript (teoricamente a linguagem é a mesma ms n sei se tem problema misturar as duas), esqueci de algum elemento?

desde já agradeço

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

xSmoking· 15 de set.

Olá, como você está usando jQuery, você pode substituir o document.getElementBy por $('')

Por algum motivo, o substring() não estava funcionando o.O Então utilizei o split() e verifiquei se o 1° array dele era www

Olhe o código que fiz abaixo funcionando:

<html>
 <head>
 <meta charset="utf-8" />
 <title>teste</title>
 </head>
 <body>
 <input type='text' id="campo" /> <!-- quando utilizando jquery, de preferência, utilize só id='' ou data-algo='' -->
 <input type='button' value='teste o campo' class='botao'/>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 <script type='text/javascript'>
 $(document).ready(function(){
 $(".botao").click(function (){
 var string = $("#campo").val(); // pega o valor digitado do elemento #campo (# = id)
 console.log(string); // Aqui imprime no console o valor da string - isto é apenas para quando estiver desenvolvendo, verificar se está recebendo certo
 var splited = string.split('.');
 if(splited[0] === "www") {
 alert("Esse é um site da internet.");
 }
 else{
 alert("Esse é um texto qualquer.");
 }
 });
 });
 </script>
 </body>
</html>

Como você disse que é iniciante, vai umas dicas:

Procure sempre deixar o <script> por último na página (antes do </body>)

Quando estiver usando JavaScript/jQuery, mantenha o console (F12) aberto para caso retorne erros

Quando estiver com dúvida sobre se o jquery está recebendo os valores certos, utilize o console.log();

AleksiaMilas· 16 de set.

Muito obrigada, agora deu certinho. Quer dizer que a rigor não tinha nada errado?

xSmoking· 16 de set.

Muito obrigada, agora deu certinho. Quer dizer que a rigor não tinha nada errado?

Bom, apenas alguns erros de parênteses como abaixo:

$(document).ready function() {
 $(".botao").click function (){

 }
}

O certo seria:

$(document).ready(function() {
 $(".botao").click(function (){

 });
});

AleksiaMilas· 16 de set.

Aaahh sim a função fica no parenteses pq eh tp "parâmetro" do evento. blz bgd bgd :D