Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zliczanie danych z pól formularza?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
marcim
Witam!
Mam taki problem, otóż poprzez skrypt php generuję formularz, przykładowo wygląda on tak:
  1. <form action="step3.php" method="POST">
  2. <input type="text" name="2" style="width:25px;" />
  3. <input type="text" name="3" style="width:25px;" />
  4. <input type="text" name="9" style="width:25px;" />
  5. <input type="text" name="11" style="width:25px;" />
  6. <input type="submit" value="Dalej" style="display: block; margin: 5px auto;">
  7. </form>

I teraz w te wszystkie pola wprowadzam zawsze dane liczbowe. I chciałbym aby pod formularzem, bez przeładowania strony wyświetlała się suma z wszystkich tych pól, i jeżeli będzie ona przekraczała 10, miałby wyświetlić się stosowny komunikat. Na innym forum otrzymałem takie coś:
(jQuery)
  1. Query(function($) {
  2.  
  3. var total = 0, limit = 10, count;
  4.  
  5. $('input[type="text"][name^="pole"]').each(function() {
  6. count = parseInt($(this).val(), 10);
  7. total += !isNaN(count) ? count : 0;
  8. });
  9.  
  10. if (total > limit) {
  11. alert('Przekroczono dozwolony limit.');
  12. }
  13.  
  14. });

Jednak nie działa to z moim skryptem. W sekcji head mam:
  1. <script type="text/javascript" src="jquery-1.2.3.js"></script>

I jak chcę użyć to mam:
  1. <script type="text/javascript">
  2. jQuery(function($) {
  3.  
  4. var total = 0, limit = 10, count;
  5.  
  6. $('input[type="text"][name^="9"]').each(function() {
  7. count = parseInt($(this).val(), 10);
  8. total += !isNaN(count) ? count : 0;
  9. });
  10.  
  11. if (total > limit) {
  12. alert('Przekroczono dozwolony limit.');
  13. }
  14.  
  15. });

Co jest nie tak?
Pozdrawiam
erix
Kod
jQuery(function($) {

A nie powinno być przypadkiem $(document).ready(function(){});?

Cytat
I chciałbym aby pod formularzem, bez przeładowania strony wyświetlała się suma z wszystkich tych pól, i jeżeli będzie ona przekraczała 10, miałby wyświetlić się stosowny komunikat.

A podpinasz w ogóle zdarzenia do pól? snitch.gif

Kod
$('selektor').bind('change', function(){ /* Twój kod */});
nospor
Cytat
A nie powinno być przypadkiem $(document).ready(function(){});?
Moze, ale nie musi. jQuery ma tez skroconą droge tego, czyli:
Kod
jQuery(function(){
alert('blabla');
});
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.