Postagens

Mostrando postagens com o rótulo Teixeira de Freitas javascript

Validação de API JavaScript - Forms

 Podemos validar formulários diretamente no javscript: Existem diversos métodos. Abaixo exemplo de validação usando validationMessage: <p>Entre com um número para validar e clique em OK:</p> <input id="id1" type="number" min="10" max="40" required> <button onclick="myFunction()">OK</button> <p>O número definido nessa validação é maior que 10 e menor que 40.</p> <p id="demo"></p> <script> function myFunction() {   const inpObj = document.getElementById("id1");   if (!inpObj.checkValidity()) {     document.getElementById("demo").innerHTML = inpObj.validationMessage;   } else {     document.getElementById("demo").innerHTML = "VALOR OK";   } } </script>

Usando expressões regulares no Javascript - RegExp

 Podemos declarar uma expressão regular de duas maneiras. Usando uma declaração literal: /sinv*./i; Ou usando o construtor RegExp: new RegExp('sinv*.',  'i'); Os dois métodos funcionam da mesma maneira. O construtor é uma opção melhor quando não sabemos como a regexp será formada ou. No código abaixo usei o literal e constructor: var re1 = /que..../;//Vamos pesquisar querida usando literal var str = 'John Smith é uma pessoa muito querida e respeitada'; /*E substituir querida por amada Nota: o caracter ponto é usado para representar qualquer caracter em uma expressão bastando colocar a quantidade exata para a pesquisa resultar positivo. */ var newstr = str.replace(re1, 'amada'); console.log(newstr); //Usando o constructor: var re2 = new RegExp(/que..../); var str2 = 'John Smith é uma pessoa muito querida e respeitada'; var newstr2 = str2.replace(re2, 'prezada'); console.log(newstr2); Consulte outras opções para uso do regex MDN da Mozilla

Javascript Web Console API : ASSERT

O console object fornece acesso ao console de depuração do navegador. Vamos considerar aqui com o  assert().  Esse método grava uma mensagem de erro no console se a requisição for falsa. Ele recebe dois parâmetros o teste e a mensagem de erro. Exemplo: console.assert(document.getElementById('ler'), "Não existe ID 'ler'") Se o elemento com id ler não existir ele reportará a mensagem de erro definida: "Não existe elemento com ID 'ler'"   Mais dois exemplos: var meuArr = ["Laranja", "Banana", "Manga", "Abacaxi" ]; console.assert(document.getElementById("ler"), meuArr); var meuObj = { firstname : "João", lastname : "Gomes" }; console.assert(document.getElementById("ok"), meuObj);  O exemplo acima reportará o erro exibindo o array ou objeto se o assert for false.