[JavaScript]automatyczna poprawa zawartości formularza Opcje

[agata]

Cześć
z góry proszę o wyrozumiałość w jevascript to moje pierwsze kroki.

Interesuje mnie napisanie funkcji za pomocą której mogłabym zmieniać w formularzu dane wprowadzone przez użytkownika.
Mam przykładowy formularz:

[HTML] pobierz, plaintext 
form class="formularz" id="form" name="form1" 	action="../validator/index.php" method="post">
<input type="button" name="check" value="popraw" OnClick="return check()">
<input type="text" name="title" value="jakiś tytuł">
<textarea name="opis" cols="80" rows="10" id="opis" class="width500height400">Jakiś opis czegoś tam</textarea>
<input type="submit" name="zapisz" value="zapisz"/>
</form>
[HTML] pobierz, plaintext 

Po naciśnięciu przycisku popraw ma zostać wywołana funkcja:

[PHP] pobierz, plaintext 
function check (){
 
var tytul = document.form1.title.value;
...
...
}
[PHP] pobierz, plaintext 

która pobierze wartości i automatycznie je poprawi tzn.
tytuł - coś na zasadzie jak ucfirst w php (pierwsza litera ciągu duża)
strtolower (textarea) - poprawienie na małe litery jeśli ktoś wpisze całość np z CapsLockiem

Proszę o pomoc jak to zrobić lub jakiś link gdzie znaleźć materiały do zrobienia tego.
Znajduję tylko validatory które informują o błędnych danych ale nie poprawiają ich.
W php robie to w 10 min ale javascriptu się uczę dopiero.

[piotrooo89]

tylko że to tak z usability troszkę na bakier. zobacz na to z poziomy zwykłego usera. ma wpisać tytuł, jakiś tam tekst kliknąć popraw później dopiero wyślij. średnio fajne to jest. a co do Twojego problemu to te funkcje: http://www.w3schools.com/jsref/jsref_obj_string.asp.

[agata]

funkcję popraw ma osoba która jest odpowiedzialna za poprawność i estetyczność treści.

czyli wygląda to tak:

treść usera z 1 formularza -> treść poprawiana przez kogoś innego -> poprawiona treść wyświetlana na stronie

Skrypt ma na celu zaoszczędzenie pracy moderatorowi (przynajmniej w jakiejś części).



mam jeszcze jedno pytanko w tym temacie.

Jaka jest funkcja do poprawiania Pierwszej litery zdania na dużą (w php ucfirst) ale w javascript mi ucfirst nie działa.
zamiast tego mam coś takiego co działa poprawnie:

[PHP] pobierz, plaintext 
function check (){
 
var tytul = document.rfpChangeForm.title.value;
var opis = document.rfpChangeForm.idObject.value;
 
document.rfpChangeForm.idObject.value = opis.toLowerCase();
 
 
   // split string
   firstChar = tytul.substring(0,1);
   remainChar = tytul.substring(1);
 
   // convert case
   firstChar = firstChar.toUpperCase(); 
   remainChar = remainChar.toLowerCase();
   document.rfpChangeForm.title.value = firstChar + remainChar;
[PHP] pobierz, plaintext 

fajnie zmienia mi literę w tytule:) ew jeśli nie ucfirst to jak zastosować to co mam napisane do tytulu żeby odnosiło się do większej liczby pól (tytul, imie, naza itp)
bez potrzeby klepania tego samego kodu z inną nazwą pola.
z góry dzięki za pomoc

[piotrooo89]

możesz na przykład robić to tak:

[HTML] pobierz, plaintext 
<input type="text" name="test1" onKeyUp="check(this.value);" />
<input type="text" name="test2" onKeyUp="check(this.value);" />
itd...
[HTML] pobierz, plaintext 

no albo zainteresować się jakimś frameworkiem, polecam jQuery i on już naprawdę ma wyczesane funkcje do iteracji po całym drzewie DOM.

[agata]

Cześć mam jeszcze jeden problemik.
Napisałam całą funkcje która działa:

[PHP] pobierz, plaintext 
function check (){
//alert ('jakaś wiadomość');
var tytul = document.rfpChangeForm.title.value;
var waznosc = document.rfpChangeForm.expDate.value;
var city = document.rfpChangeForm.rfp_locationCity.value;
var dostawa = document.rfpChangeForm.arf_delivery.value;
var wymagania = document.rfpChangeForm.rfp_additionalRequirements.value;
var imie = document.rfpChangeForm.rfp_firstName.value;
var nazwisko = document.rfpChangeForm.rfp_lastName.value;
var info = document.rfpChangeForm.rfp_additionalInfo.value;
var opis = document.rfpChangeForm.idObject.value;
var opis1 = opis.toLowerCase();
 
var tablica = new Array (tytul, opis1, city, dostawa, wymagania, imie, nazwisko, info);
 
 
for(i=0; i<tablica.length; i++)
{
   var pole = tablica[i];
 
   // split string
   firstChar = pole.substring(0,1);
   remainChar = pole.substring(1);
 
   // convert case
   firstChar = firstChar.toUpperCase(); 
   remainChar = remainChar.toLowerCase();
   pole = firstChar + remainChar;
 
   alert(pole)
  //document.rfpChangeForm..value = pole;
}
document.rfpChangeForm.idObject.value = opis1;
 
 
  }
[PHP] pobierz, plaintext 

Problem mam taki że nie wiem jak zwrócić poprawione wartości w pętli do formularza, zamiast alert(pole), powinno być polecenie
wpisujące poprawioną wartość w określone pole w formularzu - tak jak robi to dwa wiersze niżej opis1. Niestety nie wiem jak mam to zrobić proszę o pomoc.

[thek]

To popatrz jak robi się w opis to Ogólnie rozwiązuje się to przez odwołanie do określonego obiektu formularza po jego id (najczęściej) lub poprzez tablicę forms.

[agata]

wiem jak w ogólny sposób wstawić do formularz np tak jak w opis.
Chodzi mi o konkretne odwołanie w tej pętli
w przypadku jak jest alert on wyświetla po kolei każdą poprawioną treść i nie wiem jak zrobić
żeby ta pętla przechodziła też przez kolejne pola w celu wstawienia poprawionej wartości.

[PHP] pobierz, plaintext 
#
function check (){
//alert ('jakaś wiadomość');
var tytul = document.rfpChangeForm.title.value;
var waznosc = document.rfpChangeForm.expDate.value;
var city = document.rfpChangeForm.rfp_locationCity.value;
var dostawa = document.rfpChangeForm.arf_delivery.value;
var wymagania = document.rfpChangeForm.rfp_additionalRequirements.value;
var imie = document.rfpChangeForm.rfp_firstName.value;
var nazwisko = document.rfpChangeForm.rfp_lastName.value;
var info = document.rfpChangeForm.rfp_additionalInfo.value;
var opis = document.rfpChangeForm.idObject.value;
var opis1 = opis.toLowerCase();
var tablica = new Array (tytul, opis1, city, dostawa, wymagania, imie, nazwisko, info);
 
 
for(i=0; i<tablica.length; i++)
{
var pole = tablica[i];
 
 
// split string
firstChar = pole.substring(0,1);
remainChar = pole.substring(1);
 
// convert case
firstChar = firstChar.toUpperCase();
remainChar = remainChar.toLowerCase();
pole = firstChar + remainChar;
 
//alert(pole)
tablica[i] = pole;  // taki zapis mi nie działa, a przecież każdy element tablicy to -> document.rfpChangeForm.idpola.value (różnią się tylko idpola)
 
}
 
document.rfpChangeForm.idObject.value = opis1;
 
}
[PHP] pobierz, plaintext 

Proszę o pomoc jak przechodzić przez wszystkie pola w pętli w celu wpisania w nie poprawionej wartości.

Ok udało mi się to w końcu zrobić, rozwiązanie poniżej.
Należało najpierw pobierać tylko pola z formularza a ich wartości przypisać dopiero w pętli:

[PHP] pobierz, plaintext 
function check (){
//alert ('jakaś wiadomość');
var tytul = document.rfpChangeForm.title;
var waznosc = document.rfpChangeForm.expDate;
var city = document.rfpChangeForm.rfp_locationCity;
var dostawa = document.rfpChangeForm.arf_delivery;
var wymagania = document.rfpChangeForm.rfp_additionalRequirements;
var imie = document.rfpChangeForm.rfp_firstName;
var nazwisko = document.rfpChangeForm.rfp_lastName;
var info = document.rfpChangeForm.rfp_additionalInfo;
var opis = document.rfpChangeForm.idObject;
 
 
var tablica = new Array (tytul, opis, city, dostawa, wymagania, imie, nazwisko, info);
 
for(i=0; i<tablica.length; i++)
{
   var pole = tablica[i];
   var wartosc = tablica[i].value;
   // split string
   firstChar = wartosc.substring(0,1);
   remainChar = wartosc.substring(1);
 
   // convert case
   firstChar = firstChar.toUpperCase(); 
   remainChar = remainChar.toLowerCase();
   poprawa = firstChar + remainChar;
 
   //alert(poprawa)
   tablica[i].value = poprawa;
 
}
  }
[PHP] pobierz, plaintext 

Ten post edytował agata 10.03.2010, 12:17:13