[TheLaw]

Mirki, mam problem z walidacją formularza w #js
Na zajęciach w #techbaza miałem zadanie zrobić formularz rezerwacji w hotelu i napisać skrypt robiący walidację tego formularza. Walidację udało mi się zrobić, tylko problem w tym, że jak klikam Wyślij w Thunderbirdzie mam coś takiego:
Pytanka:
1. Jak naprawić ten problem, żeby w mailu pojawiły się prawidłowo wszystkie dane z formularza.
2. niby dałem w znaczniku ` ale jak widać na screenie nie wysyła wiadomości o takim temacie. W skrypcie mam zrobioną walidację, a potem użyłem document.forms["formularz"].submit()`
3. Jak najprościej wyrównać formularz, by to ładnie wyglądało? Nauczyciel się czepiał tego.
HTML http://pastebin.com/tPuL2rTS
JS http://pastebin.com/LKBKapBw
#webdev #html #javascript #pytanie #pytaniedoeksperta

[michael94]

@TheLaw: To raczej wina #php nie #js

[TheLaw]

@michael94: na razie nie mam w szkole PHP, mam to zrobić w JS

[michael94]

@TheLaw: Spróbuj to dorzucić pod :

[TheLaw]

@michael94: po dodaniu deklaracji kodowania nic sie nie zmieniło. Poza tym chciałbym, żeby wyświetlało w mailu wszystkie dane z forma, a nie tylko województwo

[kao3991]

@TheLaw: Twoje inputy nie mają atrybutu name.

[TheLaw]

@kao3991: mogłem się domyśleć po screeniu. To mam obok id dorobić name'y, bo nwm czy potem będzie działać getElementById ?

[kao3991]

@TheLaw: dodanie name nie ma żadnego wpływu na działanie getElementById, więc jeśli działa teraz to i potem będzie.

[epi]

@TheLaw: popraw atrybut action

masz:
action="mailto:[e-mail]"?subject="Rezerwacja w hotelu"

powinno być:
action="mailto:[e-mail]?subject=Rezerwacja w hotelu"

Spójrz na umieszczenie cudzysłowów.

[TheLaw]

@kao3991: Te ampersandy między danymi to normalne? Nwm czy nie nauczyciel się nie spyta "Czemu są te ampersandy?"
Dalej jest ten problem z polskimi znakami

[kao3991]

@TheLaw: wygląda na to że cały formularz jest kodowany jak do wysłania POSTem, może jeśli podmienisz enctype na "text/plain" to będzie lepiej.

[TheLaw]

@kao3991: Jak to można zrobić? Szukam w necie i widzę użycie PHP, a tego na razie nie mogę użyć

[kao3991]

@TheLaw: dajesz elementowi from atrybut enctype po prostu

[TheLaw]

@kao3991: Rzeczywiście są w wierszach po kolei z pl znakami.
Zostaje mi tylko kwestia wyrównania tego formularza, by to ładnie wyglądało.
Próbowałem parę sposobów z netu, ale nie działały jak powinny

[Spisssek]

@TheLaw: za mało jquery (⌐ ͡■ ͜ʖ ͡■)

[TheLaw]

@Spisssek: trochę bawiłem się jquery, ale to pluginy czy skrypty z netu.
A to chyba nie jest konieczne do ładnego wyrównania formularza?

[kao3991]

@TheLaw: zamień znaczniki na (bardziej semantycznie będzie) a potem daj wszystkim labelom jedną szerokość w CSS, i font-weight na bold i będzie w miarę równo.

[TheLaw]

@kao3991: no daję w CSS

label {
 font-weight: bold;
 width: 300px;
 }

ale niezależnie jak daję jakąś szerokość nic się nie zmienia (poza grubością ofc)

[kao3991]

@TheLaw: możliwe że label domyślnie jest inline'owy, daj mu display:block - nie pamiętam dokładnie tych szczegółów, rzadko robię fronty :)

[TheLaw]

@kao3991: Dobra, dodałem i mam pola pod opisami. Co prawda, chciałem by pola tekstowe nie przylegały do opisów, tylko żeby były równe w jednej kolumnie, ale chyba się tym zadowolę, co już wyszło. Dzięki i łap plusa( ͡° ͜ʖ ͡°)

[kao3991]

@TheLaw: luz :) zawsze możesz też wrzucić to w tabelkę po prostu, będzie nieco staromodnie ale równo :P