Dit is een probeersel om later toe te passen op mijn site...
Ik heb een html document (index.html)
ik heb een css bestand:
en ik heb een javascript:
[JS]addEventListener("load", init, false);
function init(event) {
var form = document.forms["login"];
form.addEventListener("submit", loginSubmit, false);
}
function loginSubmit(event) {
var ok = true;
var naam = document.getElementById("naam");
var password = document.getElementById("password");
var naamfout = document.getElementById("naamfout");
var passwordfout = document.getElementById("passwordfout");
if (naam.value.length == 0) {
naamfout.innerHTML = "Naam niet ingevuld";
ok = false;
}
if (password.value.length == 0) {
passwordfout.innerHTML = "Password niet ingevuld";
ok = false;
}
if (!ok) event.preventDefault();
}[/JS]
wat moet ik doen om een alert te krijgen dat de tekst " je bent nu ingelogd" weergeeft?
mvg
Bart
Ik heb een html document (index.html)
HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<script type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" href="./css/style.css" type="text/css"/>
</head>
<body>
<form id="login" action="index.html" method="get">
<fieldset>
<ul>
<li><label for="naam">Username:</label> <input type="text" name="naam" id="naam"/>
 <span id="naamfout"></span></li>
<li><label for="password">Password:</label> <input type="password" name="password" id="password"/>
 <span id="passwordfout"></span> </li>
</ul>
<input type="submit" name="verstuur" id="verstuur" value="Verstuur"/>
<input type="reset" id="reset" value="Herstellen"/>
</fieldset>
</form>
</body>
</html>ik heb een css bestand:
Code:
body{
background-color: #ffe4c4;
color: blue;
}
li{
list-style: none;
}
span#naamfout{
color: red;
}
span#passwordfout{
color: red;
}en ik heb een javascript:
[JS]addEventListener("load", init, false);
function init(event) {
var form = document.forms["login"];
form.addEventListener("submit", loginSubmit, false);
}
function loginSubmit(event) {
var ok = true;
var naam = document.getElementById("naam");
var password = document.getElementById("password");
var naamfout = document.getElementById("naamfout");
var passwordfout = document.getElementById("passwordfout");
if (naam.value.length == 0) {
naamfout.innerHTML = "Naam niet ingevuld";
ok = false;
}
if (password.value.length == 0) {
passwordfout.innerHTML = "Password niet ingevuld";
ok = false;
}
if (!ok) event.preventDefault();
}[/JS]
wat moet ik doen om een alert te krijgen dat de tekst " je bent nu ingelogd" weergeeft?
mvg
Bart
