Archief - JS: + css: input veld border kleur veranderenn

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
f

fromalk

Legacy Member
hallo allemaal,

ik ben momenteel bezig aan een klein formuliertje, dit werkt nu reeds zoals i het wil op 1 dingetje na, ik heb verschillende velden (1mail en 2 paswoord velden dus) en ik wil de input controleren op fouten met een javascript, geen probleem dus. Echter wil ik nu bij foute invoer de border van dat text/paswoord veld rood hebben en bij correct invoer groen. Hier ben ik nu al enkele dagen op aan het suggelen zonder enig succes.

Inmiddels heb ik de volgende code en er gebeurd dus niets;
PHP: 
function checkMail(id) { 
 	 	var inputbox = document.getElementById("email");
 	 	 	
 	 	if ((/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)) {
 	 		inputbox.style.borderColor = "#FF0000";
 	 	}
 	 	else
 	 	{
			inputbox.style.borderColor = "#FF0000";
 	 	}
 	 }
en
PHP: 
<input type="text" name="email" id="email" onclick="slidedown('mailtip');" onBlur="slideup('mailtip');" onKeyUp="checkMail(this);" />
hopelijk weet iemand de oplossing. Ik weet dat het mogelijk is omadt ik het eens ben tegengekomen op de site van countdownday, maar zij hebben het weggedaan na een weekje.

MVG Stijn
n

n00bslayer

Legacy Member
Css:
Code: 
.fout{border:1px solid #f00}
.juist{border:1px solid #0f0}
Js:
Code: 
document.getElementById("email").onkeyup = function() {
  if(/^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(this.value) && this.className!='juist'){
   this.className='juist';
}else if(this.className!='fout'){
   this.className='fout';}};
p

passero

Legacy Member
inputbox.style.borderColor = "#FF0000";
inputbox.style.borderColor = "#FF0000";

Hij komt altijd in het rood of nooit? Als hij nooit in het rood komt dan komt hij gewoon niet in de functie. Zet eens een alert op uw eerste regel van checkMail en zie of je die krijgt.

Ik zou ook eerder zo validatie bij de onBlur zetten ipv onKeyUp.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan