salasana syötteen tarkistus

Suosittelen tutustumaan regular expressioneihin. Kaikkein helpointa on ensin tsekata että merkkijonon pituus on riittävä. Jos pituus riittää, niin sen jälkeen käytät test-metodia ja validoit syötteen regexp-patternia vastaan. Metodi palauttaa booleanin joka kertoo menikö validointi läpi. Pituus on mahdollista tsekata myös regexpillä, mutta jos ei ole aiemmin tutustunut regexpien syntaksiin, kannattaa pitää homma yksinkertaisena. Eli luodaan merkkijoukko joka sisältää isot ja pienet aakkoset sekä numerot ([A-Za-z0-9]) ja otetaan siitä negaatio (^). Sitten tarkistetaan että merkkejä on yksi tai useampi ({1,}) ja laitetaaan patterniin vielä g-lippu päälle niin haku on globaali.

Tässä yksinkertainen esimerkki:

function ValidatePwd(strInput) {
var objPattern = new RegExp("[^A-Za-z0-9]{1,}","g");
if (strInput.length>=6) {
if (objPattern.test(strInput))
return true;
else
return false;
} else
return false;
}

Tässä on yksinkertainen esimerkki JavaScript-koodista, joka tarkistaa salasanan pituuden ja sen sisältämät merkit:

function tarkistaSalasana() {
  var salasana = document.getElementById("salasana").value;
  
  if (salasana.length < 6) {
    alert("Salasanan tulee olla vähintään 6 merkkiä pitkä.");
    return false;
  }
  
  if (!/[^\-\s\w]/.test(salasana)) {
    alert("Salasanassa tulee olla muitakin merkkejä kuin isoja ja pieniä kirjaimia.");
    return false;
  }
  
  return true;
}

Tässä funktiossa ensin haetaan salasana-kentän arvo, sitten tarkistetaan ensin sen pituus vähintään kuusi merkkiä pitkäksi ja sen jälkeen tarkistetaan, että salasanassa on muitakin merkkejä kuin isoja ja pieniä kirjaimia. Jos jokin tarkistuksista ei mene läpi, funktio palauttaa false ja näyttää alert-ikkunan varoituksella. Muuten funktio palauttaa true.

Voit kutsua tätä funktiota esimerkiksi rekisteröitymislomakkeen submit-kohdassa:


<form onsubmit="return tarkistaSalasana()">
Salasana: <input type="password" id="salasana" name="salasana">
<input type="submit" value="Rekisteröidy">
</form>