Forum PHP.pl

Witam

Mam np 5 inputów gdzie wpisuję wartości liczbowe np. 1, 2, 3, 5, 5
Chcę by w jakimś miejscu pod formularzami wyświetlało mi zsumowaną wartość inputów - w tym przypadku 16 (1+2+3+5+5)

Chodzi mi o tutaj o wykorzystanie javascript by sumowanie liczby dokonywało się przy każdej zmianie inputa.

Pozdrawiam

Ten post edytował bahh 3.06.2012, 12:24:45

Pobierz zawartość value z pól input, po czym je dodaj.

Chodzi mi o to by nie było przeładowania, na javascript się nie znam i liczę na waszą pomoc

Jeśli chciałbym żeby dla input nr 1 wartość mnożyło mu wpierw przez np. 240 a każdy kolejny input przez inną wartość, jak wyglądałby kod?

Bez przesady, dostałeś gotowca i jeszcze nie potrafisz go przerobić, to są proste obliczenia matematyczne. Wszytko masz dokładnie podane.

W js jestem zielony. Dziękuję mccd za wyrozumiałość i chwilę poświęconą mojemu problemowi. Pozdrawiam

Ale mógłbyś przynajmniej coś sam naskrobać, aby pokazać że się nie obijasz (IMG:style_emoticons/default/wink.gif) tylko zwróć uwagę że te przykłady wyżej, spełniają swoje zadanie, ale nie znaczy że będą działać jak należy (chodzi mi o to że przepuszczą wszytko, trzeba by było podpiąć jakąś walidację wcześniej czy to na pewno jest liczba itd.)

http://docs.jquery.com/Plugins/Validation/Methods/number

Ten post edytował !*! 3.06.2012, 13:11:08

Wziąłem to już wcześniej pod uwagę - rozwiązania są tutaj:

http://jurek.net.pl/forum/viewtopic.php?f=9&t=98

http://webmark.shost.pl/webporady/web5/liczby.html

Jeśli korzystasz z HTML5 za walidację wystarczy type='number', nie pozwoli od na wpisanie innych znaków niż cyfry i przecinek, do starszych przeglądarek musisz zrobić tak jak piszesz.

Ten post edytował mccd 3.06.2012, 19:17:20

Z jednym małym zastrzeżeniem - zdaje się, że nawet najnowszy Firefox nie wspiera inputów z html5 (co mnie nieco dziwi).

Hmm, czy <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> rozwiąże problem z html5 na każdej przeglądarce?

Jeśli chodzi o obsługę type='number' to nie, użyj walidacji w js.
Ten skrypt pozwala tylko używać nowych znaczników typu <header>, które są traktowane jak divy, a nie atrybutów.

Ten post edytował mccd 4.06.2012, 01:43:58