Criar um checker no input do Form
Olá pessoal,
Eu estou tentando criar uma variavel para fazer um checker no conteúdo do input de um form antes de realizar o envio... Por exemplo SE o conteúdo do campo começar com "http://facebook.com/..." ele faz o envio normalmente, porém caso o começo seja OUTRO preciso que substituia o valor preenchido por um valor padrão e ai realize o envio.
Acredito que com if e else resolva meu problema, eu até criei o bloqueio para que o conteúdo não seja enviado se for diferente mas por algum motivo ele só está funcionando se a pessoa tentar enviar uma segunda vez, como se o bloquei só funcionasse após a pessoa realizar o primeiro envio, então acabei desativando. O códito está somente assim agora:
<form action="" id="shortForm" method="post">
<div>
<input type="text" name="url" id="url" size="60" value="http://" onfocus="clearText(this)" class="input round-left" />
<button class="input button round-right" id="create">Encurtar URL</button>
</div>
</form>
Este form é para um encurtador de URL, onde eu quero que somente URLs do meu site sejam encurtadas, e caso alguém utilize uma URL para outro site preciso que o form altere o link dessa pessoa para outro padrão sem que ela saiba...
Eu até montei a função mas não estou sabendo como posso mesclar com o input do form:<!DOCTYPE html>
<html>
<body>
<p>Mudar conteúdo de envio</p>
<input id="url" type="text">
<button onclick="myFunction()">Encurtar</button>
<p id="envio"></p>
<script>
function myFunction() {
var link = document.getElementById("url").value;
var text;
// Se a URL estiver certa
if (link === "http://meusite.com/...") {
input = "Enviado sem alterações";
// Se a url for outra
} else {
input = "http://urlcorreta.com";
}
document.getElementById("envio").innerHTML = input;
}
</script>
</body>
</html>
Alguém poderia me dizer se isso poderia funcionar e como eu deveria seguir para mesclar ambos?
Obrigado.Discussão (0)
Carregando comentários...