Witam, widziałem kiedyś na jakiejs stronie przy rejestracji cos takiego: mamy pole input i podajemy np login, obok jest napisz i jak pole jest puste to pisze [ zle ] jesli wpisze jedna literke to napis juz sie nie zmienia, ale gdy wpisz 3 lub wiecej napis zmienia sie na [ dobrze ]. W js jestem dosc ciemny wiec jak ktos moglby mnie nakierowac albo pokazac jakis prosty przyklad to bylbym wdzieczny.
Pozdrawiam dex.
Pełna wersja: walidacja formularza
Zapewnie jest nałożone na inputa zdarzenie onkepress, i przy każdym naciśnieciu klawisza sprawdzanie czy długość stringa w inpucie jest większa równa 3, jak nie to jest wyświetlany napis źle. Tyle 
----
Edit. a sory przyklad
----
Edit. a sory przyklad
Kod
<script type="text/javascript">
function check(str) {
if(str.value.length >= 3 ) {
document.getElementById("info").innerHTML="dobrze";
} else {
document.getElementById("info").innerHTML="źle";
}
}
</script>
function check(str) {
if(str.value.length >= 3 ) {
document.getElementById("info").innerHTML="dobrze";
} else {
document.getElementById("info").innerHTML="źle";
}
}
</script>
widziałęm coś takiego przy rejestrowaniu się na google.com do grup dyskusyjnych. Zapisz tamtą strone a skrypty java sciagną się razem z nią Sposób chamski ale opłacalny
Sposób chamski ale opłacalny
Dzieki @revyag dzila bardzo dobrze, tylko jakby jeszcze sprawdzal jak wcisne backspace bo np mam 4 znaki pisze dobrze a jak wcisne 2x backspace to zostaja 2 i dalej pisze dobrze.
Pozdrawiam dex.
Pozdrawiam dex.
Ażeby żwawiej dzialalo, możesz dać coś takiego:
Kod
<script type="text/javascript">
function check(str) {
if(str.value.length >= 3 ) {
document.getElementById("info").innerHTML="<font color='green'>good</font>";
} else {
document.getElementById("info").innerHTML="<font color='red'>bad</font>";
}
}
</script>
<form>
<input id="text" type="text" onkeyup="check(this)" onkeydown="check(this)" />
<span id="info"></span>
</form>
function check(str) {
if(str.value.length >= 3 ) {
document.getElementById("info").innerHTML="<font color='green'>good</font>";
} else {
document.getElementById("info").innerHTML="<font color='red'>bad</font>";
}
}
</script>
<form>
<input id="text" type="text" onkeyup="check(this)" onkeydown="check(this)" />
<span id="info"></span>
</form>
Dzieki panowie dziala wszyko, pozdrawiam
EDIT: A jak zrobic jeszcze tak ze kolor obramwania bedzie sie zmienial? :]
EDIT: A jak zrobic jeszcze tak ze kolor obramwania bedzie sie zmienial? :]
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.