Lege velden JS
Ik heb werkelijk geen flauw idee.
Ik heb een formuliertje en ik wil checken voordat het form gesubmit word of er lege velden zijn, zoja dan wil ik dat hij alert geeft dat niet alle velden al zijn ingevuld
Hoe moet ik dit doen?
Mvg mij
Edit:
Ik weet al dat het met javascript moet ;)
Ik weet al dat het met javascript moet ;)
Gewijzigd op 01/01/1970 01:00:00 door Paul K
Ik wist al dat het met javascript moest ;)
Maar HOE met javascript
var allevelden = document.getElementsByTagName("input") ;
for(var i = 0; i < allevelden.length; i++)
{
if(allevelden[i].value.length == 0)
{
alert(allevelden[i].name+" is niet ingevuld");
}
}
Heb er even ignore omheen gezet zodat de code ook nog ergens op lijkt te slaan :P
Gewijzigd op 01/01/1970 01:00:00 door Jacco Engel
var veld 1 = document.getElementByName("veld1");
var veld 2 = document.getElementByName("veld2");
var veld 3 = document.getElementByName("veld3");
if(veld1.value.length == 0){
alert("Veld 1 is niet ingevuld!";
}
en dat zo door
Een var bevat nooit spaties.
@jacco
Omdat je dan soort van terugknop moet maken en dan moet alle data er ook nog staan (anders moet je weer opnieuw invullen)
Dus vind ik zo wel handig :)
Als je dan telkens kijkt of bijv $_SESSION['input']['naam'] bestaat, kun je die weergeven.
Je zult ALTIJD ook in php moeten checken of het wel klopt. Ga maar eens na: javascript kan je in de meeste browsers uitzetten, wat gebeurt er als je javascript uitzet? Dan kan je alsnog niet ingevulde velden toch invullen. Om deze reden moet je het Of alleen in PHP checken, of en in PHP en in javascript, zodat de gebruiker al sneller te zien krijgt of dat wat hij invlut wel klopt.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<script>
function checkEmpty(){
var veld1 = document.getElementByName("veld1");
var veld2 = document.getElementByName("veld2");
var veld3 = document.getElementByName("veld3");
if(veld1.value.length == 0){
alert("Veld 1 is niet ingevuld!";
}
}
</script>
</head>
<body>
<form method="" action="" onsubmit="return checkEmpty();">
inputs.....
</form>
</body>
</html>
<head>
<script>
function checkEmpty(){
var veld1 = document.getElementByName("veld1");
var veld2 = document.getElementByName("veld2");
var veld3 = document.getElementByName("veld3");
if(veld1.value.length == 0){
alert("Veld 1 is niet ingevuld!";
}
}
</script>
</head>
<body>
<form method="" action="" onsubmit="return checkEmpty();">
inputs.....
</form>
</body>
</html>
zoiets (geen valide html, moet met doctype enzo maar qua javascript moet het werken).