Zabezpieczenie, obowiązkowe zaznaczenie odznaczonego checkboxa Opcje

[sylwekb]

Jakie polecenie służy obowiązkowemu zaznaczeniu odznaczonego checkboxa, chodzi o zaznaczenie zgody na przetwarzanie w zbiorach danych osobowych. Standardowo jest odznaczony. Jak zmusić walidacją w javascripcie do zaznaczenia. Wiem, że nie jest to idealny sposób ale w większości przypadków działa taka walidacja. Szukam na forum i jakoś nie udaje mi się znaleźć tego polecenia.

[PHP] pobierz, plaintext 
<script>
 
<!--
// zmienne flagi błedu
var errfound = false;
 
//function to validate by length
function ValidLength(item, len) {
   return ((item.length != len) == (item.length >= len));
}
// sprawdzanie poprawn&para;ci adresu e-mail
function ValidEmail(item) {
   if (!ValidLength(item, 0)) return false;
   if (item.indexOf ('@', 0) == -1) return false;
   return true;
}
// wyswietlanie komunikatu o bledzie
function error(elem, text) {
// abort if we already found an error
   if (errfound) return;
   window.alert(text);
   elem.select();
   elem.focus();
   errfound = true;
}
// sprawdzanie poprawnosci
 
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.imie.value,2))
      error(document.rejestr.imie,"Proszę wpisać Imię");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.nazwisko.value,2))
      error(document.rejestr.nazwisko,"Proszę wpisać nazwisko");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.telefon.value,6))
      error(document.rejestr.telefon,"Proszę wpisać telefon");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_mail() {
   errfound = false;
if (!ValidLength(document.rejestr.visitormail.value, 5))
      error(document.rejestr.visitormail,"Wpisz adres e-mail");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.miejscowosc.value,2))
      error(document.rejestr.miejscowosc,"Proszę wpisać miejscowość");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.firma.value,5))
      error(document.rejestr.firma,"Proszę wpisać nazwę firmy");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
 
function V_message() {
   checkbox=document.forms[0].elements[2];
   if(!checkbox.checked)
   {
      alert("Zaakceptuj regulamin");
      //dodatkowe akcje
      return false;
   }
   else
   {
      //dodatkowe akcje jeżeli zaznaczony
      return true;
   }
}
//------------------------------------------------------------------------
function V_message() {
   checkbox=document.forms[0].elements[2];
   if(!checkbox.checked)
   {
      alert("Zaakceptuj zgodę na przetwarzanie danych osobowych");
      //dodatkowe akcje
      return false;
   }
   else
   {
      //dodatkowe akcje jeżeli zaznaczony
      return true;
   }
}
//------------------------------------------------------------------------
 
 
 
//sprawdzenie końcowe
 function Poprawne() {
 errfound=false;
 
              if (!ValidLength(document.rejestr.imie.value, 0))
               error(document.rejestr.imie, "Proszę wpisać imię");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.nazwisko.value, 0))
               error(document.rejestr.nazwisko, "Proszę wpisać nazwisko");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.telefon.value, 0))
               error(document.rejestr.telefon, "Proszę wpisać telefon");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.miejscowosc.value, 0))
               error(document.rejestr.miejscowosc, "Proszę wpisać miejscowowść");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.firma.value, 0))
               error(document.rejestr.firma, "Proszę wpisać nazwę firmy");
 //------------------------------------------------------------------------------------
          if (!ValidEmail(document.rejestr.visitormail.value))
               error(document.rejestr.visitormail, "Proszę wpisać adres e-mail");
//------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.miejscowosc.value, 0))
               error(document.rejestr.miejscowosc, "Proszę wpisać miejscowowść");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.firma.value, 0))
               error(document.rejestr.firma, "Proszę wpisać nazwę firmy");
 //------------------------------------------------------------------------------------
 
 
 return !errfound; /* nie ma bledow */
 
}
 
//-->
</script>
 
 
[PHP] pobierz, plaintext 

[trueblue]

Właściwość "checked" dla inputa.

http://www.w3schools.com/jsref/prop_checkbox_checked.asp (przypisanie, nie sprawdzanie).

[sylwekb]

Mam w sumie 2 checkboxy, czy taka konstrukcja będzie prawidłowa dla mojego skryptu?

[PHP] pobierz, plaintext 
if(!x.akceptacja_regulaminu.checked){
napis+="Musisz potwierdzić, że akceptujesz regulamin\n"
brakDanych=true;
}
if(!x.zgoda_dane_osobowe.checked){
napis+="Musisz potwierdzić, że akceptujesz przetwarzanie w zbiorach danych osobowych\n"
brakDanych=true;
}
[PHP] pobierz, plaintext 

[trueblue]

Nie wiem co masz w zmiennej "x", a co za tym idzie we właściwościach tejże zmiennej "akceptacja_regulaminu" i "zgoda_dane_osobowe".
Może najzwyczajniej sprawdź czy działa poprawnie.

[sylwekb]

Jakoś u mnie nie chce działać. Może ktoś spojrzy "chłodnym okiem", być może popełniam gdzieś błąd.

Wszystkie pole formularza się bez problemu walidują tylko jest problem z tymi checkboxami.

Poniżej mam wpisy dla formularza i checkboxów (nie podaję pól które prawidłowo się walidują):

[PHP] pobierz, plaintext 
<form method="post" onSubmit="return Poprawne();" action="plik.php" name="rejestr"
...
<input type="checkbox" name="akceptacja_regulaminu" onSubmit="return Poprawne();" value="AKCEPTACJA">
<input type="checkbox" name="zgoda_dane_osobowe" onSubmit="return Poprawne();" value="AKCEPTACJA">
...
[PHP] pobierz, plaintext 

Cały kod javascriptu jak poniżej
Jest Zaakceptuj regulamin i Zaakceptuj zgodę na przetwarzanie danych osobowych.

[PHP] pobierz, plaintext 
<script>
 
<!--
// zmienne flagi błedu
var errfound = false;
 
//function to validate by length
function ValidLength(item, len) {
   return ((item.length != len) == (item.length >= len));
}
// sprawdzanie poprawn&para;ci adresu e-mail
function ValidEmail(item) {
   if (!ValidLength(item, 0)) return false;
   if (item.indexOf ('@', 0) == -1) return false;
   return true;
}
// wyswietlanie komunikatu o bledzie
function error(elem, text) {
// abort if we already found an error
   if (errfound) return;
   window.alert(text);
   elem.select();
   elem.focus();
   errfound = true;
}
// sprawdzanie poprawnosci
 
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.imie.value,2))
      error(document.rejestr.imie,"Proszę wpisać Imię");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.nazwisko.value,2))
      error(document.rejestr.nazwisko,"Proszę wpisać nazwisko");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.telefon.value,6))
      error(document.rejestr.telefon,"Proszę wpisać telefon");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_mail() {
   errfound = false;
if (!ValidLength(document.rejestr.visitormail.value, 5))
      error(document.rejestr.visitormail,"Wpisz adres e-mail");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.miejscowosc.value,2))
      error(document.rejestr.miejscowosc,"Proszę wpisać miejscowość");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_message() {
   errfound = false;
   if (!ValidLength(document.rejestr.firma.value,5))
      error(document.rejestr.firma,"Proszę wpisać nazwę firmy");
  return !errfound; /* nie ma bledow */
}
//------------------------------------------------------------------------
function V_message() {
   checkbox=document.forms[0].elements[2];
   if(!checkbox.checked)
   {
      alert("Zaakceptuj regulamin");
      //dodatkowe akcje
      return false;
   }
   else
   {
      //dodatkowe akcje jeżeli zaznaczony
      return true;
   }
}
//------------------------------------------------------------------------
function V_message() {
   checkbox=document.forms[0].elements[2];
   if(!checkbox.checked)
   {
      alert("Zaakceptuj zgodę na przetwarzanie danych osobowych");
      //dodatkowe akcje
      return false;
   }
   else
   {
      //dodatkowe akcje jeżeli zaznaczony
      return true;
   }
}
//------------------------------------------------------------------------
 
//sprawdzenie końcowe
 function Poprawne() {
 errfound=false;
 
              if (!ValidLength(document.rejestr.imie.value, 0))
               error(document.rejestr.imie, "Proszę wpisać imię");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.nazwisko.value, 0))
               error(document.rejestr.nazwisko, "Proszę wpisać nazwisko");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.telefon.value, 0))
               error(document.rejestr.telefon, "Proszę wpisać telefon");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.miejscowosc.value, 0))
               error(document.rejestr.miejscowosc, "Proszę wpisać miejscowowść");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.firma.value, 0))
               error(document.rejestr.firma, "Proszę wpisać nazwę firmy");
 //------------------------------------------------------------------------------------
          if (!ValidEmail(document.rejestr.visitormail.value))
               error(document.rejestr.visitormail, "Proszę wpisać adres e-mail");
//------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.miejscowosc.value, 0))
               error(document.rejestr.miejscowosc, "Proszę wpisać miejscowowść");
 //------------------------------------------------------------------------------------
              if (!ValidLength(document.rejestr.firma.value, 0))
               error(document.rejestr.firma, "Proszę wpisać nazwę firmy");
 //------------------------------------------------------------------------------------
 
 
 return !errfound; /* nie ma bledow */
 
}
 
//-->
</script>
[PHP] pobierz, plaintext 

Ten post edytował sylwekb 2.10.2014, 14:07:25

[trueblue]

.elements[2]; // tu pobierasz drugi element formularza, w Twoim okrojonym przykładzie jeden z nich ma indeks 0, drugi 1, w pełnym przykładzie pewnie jeszcze inaczej.

P.S. Coś za dużo masz tych funkcji V_message, każdą deklaracją nadpisujesz poprzednią.
P.P.S. Jeśli nie czujesz się na siłach co do jQuery, to chociaż zapoznaj się z metodami getElementById, getElementsByName, getElementsByTagName...itp.