Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS]Bledne dane w formularzu - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS]Bledne dane w formularzu (/thread-css-bledne-dane-w-formularzu)



[CSS]Bledne dane w formularzu - Flap - 11-02-2012

Witam, potrzebuje pomocy jak ustawic formularz, zeby np po wpisaniu zbyt krotkiego hasla wyskakiwalo powiadomienie? i do tego jak wymusic konkretna ilosc znakow na haslo? na przyklad przynajmniej skladajace sie z 8 znakow. z gory dziekuje za pomoc, nie znalazlem podobnego tematu


RE: [CSS]Bledne dane w formularzu - _perlik - 11-02-2012

http://www.qmike.pl/2010/12/wygodna-walidacja-formularzy-za-pomoca-jquery-i-wtyczki-jquery-validation/


RE: [CSS]Bledne dane w formularzu - Kartofelek - 11-02-2012

Kod:
<form id="jakas_foremka">
    <fieldset class="clearfix">
        <input type="password" name="haselko" placeholder="Wpisz hasło" />
    </fieldset>
</form>

<!--
załączam najnowsze jquery - tylko raz na stronę!
http://doman.art.pl/kursjs/kurs/jquery/jquery.html
-->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
function check(pole) {
        var text = pole.val();  //http://jqapi.com/#p=val
        if (text.length <= 3) {
            if (!pole.next('.error').length) {   //jezeli nie ma obok pola errora to go pokaz
                pole.after('<span class="error">Wpisz hasło które ma COS TAM znaków</span>');
            }
            return false;
        } else { //jezeli haslo jest ok to usun error (jak errora nie ma to go po prostu nic nie zrobi)
            pole.next('.error').remove(); //http://jqapi.com/#p=remove
            return true;
        }
    });

}



$(function() {  //http://jqapi.com/#p=ready
    var $password = $('input[name=haselko]');
    
    $('#jakas_foremka').submit(function() {
        return check($password);
    });
    
    $password.blur(function() {
        check($(this));
    })

});
</script>

Proponuję przeanalizować 10x powyższy skrypt. Jest bardzo prosty ale na początku może wydawać się mocno zawiły. Odpowiednie linki dałem w komentarzach. Możliwe że to badziewie nie działa bo pisałem to na szybko w tym tekstowym polu do odpowiedzi Smile


RE: [CSS]Bledne dane w formularzu - Heyek - 12-02-2012

http://www.youtube.com/user/sever3d?feature=watch

Przejrzyj sobie filmiki/kursy odnośnie rejestracji użytkowników. W którymś z nich jest walidacja w js.