Bom dia, eu estou a criar um código que permite inserir um valor em duas caixas de texto e depois ao carregar num botão as caixas de texto apresentadas ficam escondidas e são apresentadas outras duas para inserir os valores e ao carregar num outro botão tem como função verificar se o valor inserido anteriormente é igual ao valor inserido nessas duas.
A parte de "registo" está a funcionar mas a parte de "login" só verifica se as caixas de texto estão preenchidas mas não faz a validação.
HTML:
Código :
JS (esconder as caixas de texto):
Código :
JS (apresentar novas caixas de texto e verificar os valores):
Código :
Obrigado.
A parte de "registo" está a funcionar mas a parte de "login" só verifica se as caixas de texto estão preenchidas mas não faz a validação.
HTML:
Código :
<a id="reg">Register</a>
<a id="valuser">User: </a><input type="text" name="vuser" id="vusertxt">
<a id="valuser2"></a><input type="text" name="vuser2" id="vusertxt2">
<a id="valpass">Pass: </a><input type="password" name="vpass" id="vpasstxt">
<a id="valpass2"></a><input type="password" name="vpass2" id="vpasstxt2">
<input type="submit" value="Validate" onclick="val()" name="bval" id="val">
<input type="submit" value="Login" onclick="check()" name="check" id="login">
<a id="valuser">User: </a><input type="text" name="vuser" id="vusertxt">
<a id="valuser2"></a><input type="text" name="vuser2" id="vusertxt2">
<a id="valpass">Pass: </a><input type="password" name="vpass" id="vpasstxt">
<a id="valpass2"></a><input type="password" name="vpass2" id="vpasstxt2">
<input type="submit" value="Validate" onclick="val()" name="bval" id="val">
<input type="submit" value="Login" onclick="check()" name="check" id="login">
JS (esconder as caixas de texto):
Código :
document.getElementById("login").hidden = true;
document.getElementById("vusertxt2").hidden = true;
document.getElementById("vpasstxt2").hidden = true;
document.getElementById("vusertxt2").hidden = true;
document.getElementById("vpasstxt2").hidden = true;
JS (apresentar novas caixas de texto e verificar os valores):
Código :
function val(){
var textValuser = document.getElementById("vusertxt").value;
var textValpass = document.getElementById("vpasstxt").value;
if (!textValuser.match(/\S/))
{
alert("Field blank");
}
if (!textValpass.match(/\S/))
{
alert("Field blank");
}
else{
document.getElementById("val").hidden = true;
document.getElementById("vusertxt").hidden = true;
document.getElementById("valuser").innerHTML = "";
document.getElementById("vpasstxt").hidden = true;
document.getElementById("valpass").innerHTML = "";
document.getElementById("reg").innerHTML = "Login";
document.getElementById("login").hidden = false;
document.getElementById("vusertxt2").hidden = false;
document.getElementById("valuser2").innerHTML = "User: ";
document.getElementById("vpasstxt2").hidden = false;
document.getElementById("valpass2").innerHTML = "Pass: ";
document.getElementById("login").disabled = false;
}
}
function check(){
var textValuser2 = document.getElementById("vusertxt2").value;
var textValpass2 = document.getElementById("vpasstxt2").value;
if (!textValuser2.match(/\S/))
{
alert("Field blank");
}
if (!textValpass2.match(/\S/))
{
alert("Field blank");
}
else{
if(textValuser2 == textValuser && textValpass2 == textValpass){
document.getElementById("reg").innerHTML = "Nice !";
}
else{
document.getElementById("reg").innerHTML = "Wrong !";
}
}
}
var textValuser = document.getElementById("vusertxt").value;
var textValpass = document.getElementById("vpasstxt").value;
if (!textValuser.match(/\S/))
{
alert("Field blank");
}
if (!textValpass.match(/\S/))
{
alert("Field blank");
}
else{
document.getElementById("val").hidden = true;
document.getElementById("vusertxt").hidden = true;
document.getElementById("valuser").innerHTML = "";
document.getElementById("vpasstxt").hidden = true;
document.getElementById("valpass").innerHTML = "";
document.getElementById("reg").innerHTML = "Login";
document.getElementById("login").hidden = false;
document.getElementById("vusertxt2").hidden = false;
document.getElementById("valuser2").innerHTML = "User: ";
document.getElementById("vpasstxt2").hidden = false;
document.getElementById("valpass2").innerHTML = "Pass: ";
document.getElementById("login").disabled = false;
}
}
function check(){
var textValuser2 = document.getElementById("vusertxt2").value;
var textValpass2 = document.getElementById("vpasstxt2").value;
if (!textValuser2.match(/\S/))
{
alert("Field blank");
}
if (!textValpass2.match(/\S/))
{
alert("Field blank");
}
else{
if(textValuser2 == textValuser && textValpass2 == textValpass){
document.getElementById("reg").innerHTML = "Nice !";
}
else{
document.getElementById("reg").innerHTML = "Wrong !";
}
}
}
Obrigado.