[JavaScript]validacja moja problemy, moje wypociny nie działają Opcje

[martex]

Witam
Robię prostą walidacje ale mam problem aby była ona dla wszystkich inputów na stronie po id działa a jak chce po classach nic sie nie dzieje
ma ktoś pomysł jak to zrobić (IMG:style_emoticons/default/questionmark.gif)
generalnie ma to być tak że jeśli pola input puste to wyświetl diva z komunikatem

[PHP] pobierz, plaintext 
<div class="errorAlert" style="display:none;">wypełnij pola.</div>
<form>
<input type="text" class="required" value="">
<input type="text" class="required" value="">
<input type="text" class="required" value="">
<input type="submit" value="ok" class="das">
</form>
 
<script type="text/javascript">
$(document).ready(function (){
 
	$("body").on("click", ".das", function(event){
	var validate = document.getElementsByClassName("required").value;
		if (validate.length == 0) {
				$('.errorAlert').css("display","block");	
				//alert('Nie wpisałeś żadnej wartości!')
		} else {
				alert('tekst ' );
		}
	});
 
});
[PHP] pobierz, plaintext 

[CuteOne]

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function (){
 
	$(".das").bind("click", function(){
		var validate = $(".required").val();
		if (validate.length == 0) {
				$('.errorAlert').css("display","block");	
				//alert('Nie wpisałeś żadnej wartości!')
		} else {
				alert('tekst ' );
		}
	});
 
});
[JAVASCRIPT] pobierz, plaintext 

[kamil4u]

Powyższe nie zadziała poprawnie - musisz skorzystać z .each() przy $(".klasa"). Proponowałbym: http://jsfiddle.net/3yure/

Dodatkowo użyłem zdarzenia submit( w tym wypadku bardziej poprawne rozwiązanie ) + dodałem kolorek w celu informowaniu o błędzie.

[JAVASCRIPT] pobierz, plaintext 
    $(document).ready(function (){
        $("#test").bind("submit", function(){
            var ok = true;
            $(".required").each(function(){ 
                if( $(this).val().length == 0 ){
                    $(this).css("border","1px solid #f00");
                    ok = false;
                } else {
                   $(this).css("border","");
                }
            });
            if( !ok ){
                $('.errorAlert').css("display","block");
                return false;
            }
 
            return true;
        }); 
    });
[JAVASCRIPT] pobierz, plaintext 

Jakbym samemu robiłbym taką walidację danych to użyłbym HTML 5, który to ma tę funkcjonalność wbudowaną (IMG:style_emoticons/default/smile.gif) - http://www.w3schools.com/tags/att_input_required.asp

Pozdrawiam

[Turson]

Jakbym samemu robiłbym taką walidację danych to użyłbym HTML 5, który to ma tę funkcjonalność wbudowaną (IMG:style_emoticons/default/smile.gif) - http://www.w3schools.com/tags/att_input_required.asp

Niestety nie każdy korzysta z nowoczesnych przeglądarek (IMG:style_emoticons/default/mellow.gif)

Najlepszym wyjściem jest walidacja na 3 sposoby:
1. Required HTML5
2. JavaScript
3. PHP (gdy 2 poprzednie opcje zawiodą (a jak najbardziej mogą))

[kamil4u]

Niestety nie każdy korzysta z nowoczesnych przeglądarek mellow.gif

Dla tych co nie mają zostaje walidacja po stronie PHP (IMG:style_emoticons/default/smile.gif) - czyli omijam Twój drugi punkt.

Chyba, że ktoś zażyczy sobie inaczej (IMG:style_emoticons/default/smile.gif)