Forum PHP.pl

Witam serdecznie,
Na stronie mam formularz.
Pod formularzem mam link:

[HTML] pobierz, plaintext 
<a class="btn btn-openid text" href="link_do_powrotu.html" onclick="return confirm('Czy napewno chcesz zapisać jako poprawny?')"> Zapisz poprawny </a>
[HTML] pobierz, plaintext 

W tej chwili działa to tak, że po kliknięciu powyższego linku wyskakuje okienko z pytaniem. Po wybraniu TAK - użytkownik zostaje przekierowany na stronę link_do_powrotu.html.

Chciałbym żeby jeszcze przed przejściem na podstronę link_do_powrotu.html skrypt sprawdził czy znajdujący się na stronie formularz (składający się z pól: input text, select, textarea, radio) jest kompletny
(każdy ma jakąś wartość). Jeśli wszystko jest wypełnione - to wtedy przechodzimy na powyższy link. Jeśli jednak któraś wartość nie byłaby wypełniona - to powinien pokazać się komunikat błędu.

Na stronie mam tylko jeden formularz.

Wie ktoś może jak to zrobić?

Bardzo proszę o pomoc

Atrybut required wystarczyć.

Zapomniałem, Chciałbym uniknąć atrybutu required:)

Poza tym chciałbym żeby było pytanie o to przekierowanie, wtedy sprawdzanie i przekierowanie/alert o błędzie

A jest jakiś konkretny powód tego? Wspiera go 99% przeglądarek (według caniuse) i robi to co potrzebujesz.

w takim razie robisz walidację w javascriptcie

[HTML] pobierz, plaintext 
<a class="btn btn-openid text" href="link_do_powrotu.html" onclick="return goIfConfirmedAndValid();"> Zapisz poprawny </a>
[HTML] pobierz, plaintext 

Twój zamysł jest ... niewygodny.

tak, bo mam formularz składający się z buttona (zapisuje formularz za pomocą tradycyjnego POST'a ) - ten zapis nie wymaga wszystkich pól
Ten link to zwykły <a href=) - za jego pomocą chciałbym zrobić validację + przekierowanie na url - ten zapis ma wymagać wypełnienie wszystkich pól





O coś takiego mi chodziło

W jaki sposób dodać do tego w miejscu tego "walidacja_ok" walidację wszystkiego co znajduje się w formularzu (selecty, textarea, texty, radioboxy itp)?
Formularz jest dynamiczny (generowany na podstawie bazy)

Ten post edytował trifek 7.11.2016, 10:28:22

https://www.sitepoint.com/basic-jquery-form...ation-tutorial/

[PHP] pobierz, plaintext 
var walidacka_ok = true;
[PHP] pobierz, plaintext 

Dla każdego dynamicznego pola formularza generujesz walidację tego pola, a jeśli ów pole nie spełnia wymaganych kryteriów, przestawiasz flagę na false i tym samych uniemożliwiasz (teoretycznie tylko) przesłanie formularza .

Kombinuję coś takiego:

[HTML] pobierz, plaintext 
function validateForm() {
    var valid = true;
    $('.validate-form').each(function () {
        if ($(this).val() === '') {
            valid = false;
            return 0;
        }
    });
    return 1
}
 
function goIfConfirmedAndValid(){
   if(confirm('Czy napewno chcesz zapisać jako poprawny?')){
      // walidacja pól
 
      alert(validateForm());
 
      if(validateForm() == 1){
      return true;
      }
      else {
         alert("Proszę uzupełnić wszystkie pola!!");
         return false;
      }
   }
   return false;
}
[HTML] pobierz, plaintext 

ale zawsze wyskakuje mi "1" i następuje przekierowanie (nie widzi pustych pól):/

Ten post edytował trifek 7.11.2016, 10:52:08

return 0 jest w srodku innej funkcji wiec return dotyczy tej srodkowej funkcji a nie twojej glownej... dosc logiczne.

Na koncu nie:
return 1

a:
return valid ? 1 : 0;

coś takiego:

[HTML] pobierz, plaintext 
function validateForm() {
    var valid = true;
    $('.validate-form').each(function () {
        if ($(this).val() === '') {
            valid = false;
            return 0;
        }
    });
    return valid ? 1 : 0;
}
 
function goIfConfirmedAndValid(){
   if(confirm('Czy napewno chcesz zapisać jako poprawny?')){
      // walidacja pól
 
      alert(validateForm());
 
      if(validateForm() == 1){
      return true;
      }
      else {
         alert("Proszę uzupełnić wszystkie pola!!");
         return false;
      }
   }
   return false;
}
[HTML] pobierz, plaintext 

Jeśli tak, to w dalszym ciągu nie działa

No dobra, a czy twoje pola formularza maja w ogole klase validate-form?

OK, zadziałało


Dziękuję za pomoc

Ten post edytował trifek 7.11.2016, 11:25:46

Skup sie: POLA FORMULARZA a nie FORMULARZ

Tak, właśnie teraz zauważyłem gafę ))

Jak już tak robisz (chociaż gotowa klasa validate ma też grupy walidacji,ale ok) to ja bym poszedł drogą dodawania/zdejmowania required. Choćby dlatego że jak sam mówisz form może mieć selecty (które mogą być multiple a wtedy val() zwraca tablicę), checkboxy.

dziękuję za pomoc

Ten post edytował trifek 7.11.2016, 11:39:06