JSFiddle - React, Tailwind, and code Playground

by BilisimOgretmeni

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>www.bilsimogretmeni.com</title>
<script type="text/javascript">
function validate(form){
    var kullaniciadi = form.kullaniciadi.value;
    var sifre = form.sifre.value;
    var hata = [];
 
    if (!uzunlukkontrol(kullaniciadi,5,10)) {
        hata.push("Kullanıcı Adınızı Girin En az 5 en fazla 10 karakter");
    }
 
    if (!uzunlukkontrol(sifre,6,8)) {
        hata.push("Şifrenizi Girin En az 6 En fazla 8 karakter");
    }
 //www.bilsimogretmeni.com
    if (hata.length > 0) {
        hatalarigoster(hata);
        return false;
    }
 
    return true;
}
 
function uzunlukkontrol(text, min, max){
    min = min || 1;
    max = max || 10000;
 
    if (text.length < min || text.length > max) {
        return false;
    }
    return true;
}
 
function hatalarigoster(hata){
    var msg = "Aşağıdaki hataları düzeltip tekrar deneyin...\n";
    var numError;
    for (var i = 0; i<hata.length; i++) {
        numError = i + 1;
        msg += "\n" + numError + ". " + hata[i];
    }
    alert(msg); //www.bilsimogretmeni.com
}
</script>
</head>
<body>
<h1>Üye Girişi</h1>
<form method="post" action="islem.html"
                onsubmit="return validate(this);">
 
    Kullanıcı Adı: <input type="text" name="kullaniciadi" size="10"><br>
    Şifreniz: <input type="password" name="sifre" size="10"><br> 
    <input type="submit" value="Gönder">
    <input type="reset" value="Temizle">
    </p>
</form>
</body>
</html>