Datavalidering med JavaScript

I den trejde uppgiften för kursen ID:WEBPROG så skulle vi med hjälp av JavaScript skapa en kreditkortsvalidering. I fyra steg så ska kortnumret som användaren matar in i fältet på HTML-sidan bearbetas för att se om det är ett giltigt kreditkortsnummer.

  1. Första siffran, det ska för ett Visakort vara siffran 4.
  2. Antalet siffror, det ska för ett Visakort vara 13 - 16 siffror.
  3. Enbart siffror, det ska för ett Visakort inte ingå andra tecken.
  4. LUHN-formeln, som beräknas enligt algoritmen här nedanför.

LUHN-formeln:

  1. Börja med den näst sista siffran i numret och multiplicera med 2.
  2. Gå till vänster i numret och multiplicera varannan siffra med 2.
  3. I exemplet ovan för blir det (2*0)(2*0)(2*0)(2*0)(2*0)(2*5).
  4. Ta siffersumman av resultatet. Summa = 0+0+0+0+0+(1+0)=1.
  5. Addera sedan även de övriga siffrorna som du tidigare hoppat över.
  6. Men hoppa över den avslutande kontrollsiffran (2).
  7. Summa += 0+0+0+0+3+4, vilket ger siffersumman 8 (1+7).
  8. Testa äktheten enligt ((summa + kontrollsiffra) % 10 == 0).

Validera kreditkortsnummer:

Ditt kortnummer (t ex 4530000000002):



Jag arbetade själv med denna uppgift.

Jag använde mig av editorn Sublime Text 2 vid denna uppgift. Först så skapade jag en HTML-sida med en ruta där användaren skriver in ett kortnummer:

Validering

Sedan skapade jag ett JavaScriptdokument med en funktion som heter validera:

Funktion Validera

För att stämma av att kortnumret följer LUHN-formeln skrev jag till en funktion som heter luhn:

Funktion Luhn

Slut på beskrivning av uppgiften om Datavalidering med JavaScript. Tillbaka till Uppgifter