Föreläsningsexempel 3

Ett vanligt användningsområde för JavaScript är datavalidering. De data som användaren vill skicka till din webbserver kan ibland må bra av en första kontroll redan på klientsidan. En godkänd lösning ska fungera både i Internet Explorer och Mozilla. IE stödjer inte DOM2-standarden fullt ut och därför så måste ditt skript inledas med ett tillägg i stil med:

//**********cross-browser-patch******************************
IE=(document.all) ? true:false; //IE4+
DOM2=((document.getElementById)&&(!IE))?true:false;//Mozilla

function setEventByID(id,ev,fu) {
  if(DOM2) {
   document.getElementById(id).addEventListener(ev,fu,false);
  }
  if(IE) {
   document.getElementById(id).attachEvent("on" + ev,fu);
  }
}
//***********************************************************

• id är identifieraren för din knapp
• ev är händelsen som ska triggas
• fu är namnet på din funktion

Om din funktion heter validera() och datavalideringen skall köras när användaren klickar på knappen knapp, så kan det hela sedan kopplas ihop enligt: setEventByID("knapp", "click", validera);

Vi börjar med en enkel validering där det gäller att se till att användarens telefonnummer inte innehåller några andra tecken än siffror. Knapp och ruta för inmatning skapar du i XHTML-filen. All din javascriptkod ligger i en extern fil som länkas in.

---

Ditt telefonnummer (enbart siffror)

---