[JavaScript] Walidacja formularza Opcje

[in5ane]

Witam, mam problem, otóż waliduję sobie formularz i mam problem z jedną opcją, a mianowicie dobrze mi sprawdza, czy pola zostały wypełnione, ale nie wiem jak sprawdzić, czy jedno z pól (pesel) ma 11 znaków (jeżeli nie ma, to alert).

[HTML] pobierz, plaintext 
<script type="text/javascript">
function przetwarzaj_dane ()
{
  var brakuje_danych=false;
  var formularz=document.forms[0];
  var napis="";
  if (formularz.imie.value == ""){
    napis += "Imię\n"
    brakuje_danych=true;
  }
  if (formularz.nazwisko.value == ""){
    napis += "Nazwisko\n"
    brakuje_danych=true;
  }
  if (formularz.pesel.value == ""){
    napis += "Pesel\n"
    brakuje_danych=true;
  }
  if (formularz.nip.value == ""){
    napis += "NIP\n"
    brakuje_danych=true;
  }
  if (formularz.twp.value == ""){
    napis += "Termin ważności paszportu\n"
    brakuje_danych=true;
  }
  if (formularz.norweski.value == ""){
    napis += "Norweski numer identyfikacyjny\n"
    brakuje_danych=true;
  }
  if (formularz.adres.value == ""){
    napis += "Adres\n"
    brakuje_danych=true;
  }
  if (formularz.kod_pocztowy.value == ""){
    napis += "Kod pocztowy\n"
    brakuje_danych=true;
  }
  if (formularz.miejscowosc.value == ""){
    napis += "miejscowosc\n"
    brakuje_danych=true;
  }
  if (formularz.data_ur.value == ""){
    napis += "Data urodzenia\n"
    brakuje_danych=true;
  }
  if (formularz.telefon1.value == ""){
    napis += "Telefon stacjonarny\n"
    brakuje_danych=true;
  }
  if (formularz.polisa.value == ""){
    napis += "Polisa ubezpieczeniowa III filaru\n"
    brakuje_danych=true;
  }
  if (formularz.numer_obuwia.value == ""){
    napis += "Numer obuwia\n"
    brakuje_danych=true;
  }
  if (formularz.pesel.length != 11){
    napis += "\nNiepoprawny pesel"
	brakuje_danych=true;
  }
  if (!brakuje_danych)
    formularz.submit();
  else
    alert ("Nie wypełniłeś następujących pól:\n" + napis);
}
</script>
[HTML] pobierz, plaintext 

Proszę o pomoc w rozwiązaniu tego problemu.

[230005]

Zrobiłbym to wyrażeniem regularnym :] . Poczytaj tu: http://republika.onet.pl/2471,34,1,,fabryka.html

[Rafal Filipek]

@ 230005 wiesz twoja odpowiedz jest na takim poziomie jakby in5ane zapytał się która godzina a ty podałbyś mu aktualną wartość jaką zwraca funkcja microtime().

@in5ane

Kod

if (formularz.pesel.length != 11){

tutaj musisz odwalac sie do wartosci pola a nie do pola, tak wiec

Kod

if (formularz.pesel.value.length != 11){

[krzysiekk]

witam ja korzystam z PEAR QuickForm i no generuje taki kod przy podaniu reguł walidacji jesli się przyda to proszę

[HTML] pobierz, plaintext 
<script type="text/javascript">
//<![CDATA[
function validate_PPForm(frm) {
  var value = '';
  var errFlag = new Array();
  var _qfGroups = {};
  _qfMsg = '';
 
  value = frm.elements['pesel'].value;
  if (value == '' && !errFlag['pesel']) {
    errFlag['pesel'] = true;
    _qfMsg = _qfMsg + '\n - Proszę podać PESEL';
  }
 
  value = frm.elements['pesel'].value;
  var regex = /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/;
  if (value != '' && !regex.test(value) && !errFlag['pesel']) {
    errFlag['pesel'] = true;
    _qfMsg = _qfMsg + '\n - PESEL powinien składac się tylko z cyfr';
  }
 
  value = frm.elements['pesel'].value;
  if (value != '' && value.length > 11 && !errFlag['pesel']) {
    errFlag['pesel'] = true;
    _qfMsg = _qfMsg + '\n - Pesel jest zadługi';
  }
 
  value = frm.elements['pesel'].value;
  if (value != '' && value.length < 11 && !errFlag['pesel']) {
    errFlag['pesel'] = true;
    _qfMsg = _qfMsg + '\n - Pesel jest zakrótki';
  }
 
  if (_qfMsg != '') {
    _qfMsg = 'Formularz zawiera błędy:' + _qfMsg;
    _qfMsg = _qfMsg + '\nProszę poprawić błędy!';
    alert(_qfMsg);
    return false;
  }
  return true;
}
//]]>
</script>
[HTML] pobierz, plaintext 

[in5ane]

A jak mogę zrobić, że jak mi się wyświetli ten cały alert to jak kliknę OK to, żeby mi się nie kasowały wszystkie wypełnione pola?

[dr_bonzo]

JAkim cudem kasuje ci sie zawartosc formularza?

[in5ane]

Nie wiem, jak kliknę OK, to się kasuje i jak wezmę wstecz to jest dobrze.

P.S.: Zerknij sam: http://dancepiotrkow.pl/formularz.php

Ten post edytował in5ane 21.02.2009, 11:02:48

[skowron-line]

Kod

<form action="" onsubmit="return nazwaFunkcji()">

wtedy w przypadku false formularz sie nie wyśle

[in5ane]

On się nie wysyła, tylko, że pola się oczyszczają.

[skowron-line]

On się nie wysyła, tylko, że pola się oczyszczają.

Może zamiast Submita masz Reste (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
A poważnie to pokaż cały kod.

[dr_bonzo]

On się nie wysyła, tylko, że pola się oczyszczają.

Dzizez, man, podstawy podstaw. Formularz ci sie nie czysci, tylko zostaje wyslany a ty potem wysylasz pusty formularz.

Daj onsubmit="przetwarzaj_dane()" i zwracaj false jesli formularz ma sie NIE wyslac. I zwroc TRUE jesli MA sie wyslac (jak kolega pisal wyzej).

[in5ane]

To tak schematycznie ten kod html, będę musiał to wkleić do strony..

Proszę o pomoc z moim problem.

[PHP] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Formularz</title>
<script type="text/javascript">
function przetwarzaj_dane ()
{
  var brakuje_danych=false;
  var formularz=document.forms[0];
  var napis="";
  if (formularz.imie.value == ""){
    napis += "- Imię\n"
    brakuje_danych=true;
  }
  if (formularz.nazwisko.value == ""){
    napis += "- Nazwisko\n"
    brakuje_danych=true;
  }
  if (formularz.nip.value == ""){
    napis += "- NIP\n"
    brakuje_danych=true;
  }
  if (formularz.twp.value == ""){
    napis += "- Termin ważności paszportu\n"
    brakuje_danych=true;
  }
  if (formularz.norweski.value == ""){
    napis += "- Norweski numer identyfikacyjny\n"
    brakuje_danych=true;
  }
  if (formularz.adres.value == ""){
    napis += "- Adres\n"
    brakuje_danych=true;
  }
  if (formularz.kod_pocztowy.value == ""){
    napis += "- Kod pocztowy\n"
    brakuje_danych=true;
  }
  if (formularz.miejscowosc.value == ""){
    napis += "- miejscowosc\n"
    brakuje_danych=true;
  }
  if (formularz.data_ur.value == ""){
    napis += "- Data urodzenia\n"
    brakuje_danych=true;
  }
  if (formularz.telefon1.value == ""){
    napis += "- Telefon stacjonarny\n"
    brakuje_danych=true;
  }
  if (formularz.polisa.value == ""){
    napis += "- Polisa ubezpieczeniowa III filaru\n"
    brakuje_danych=true;
  }
  if (formularz.numer_obuwia.value == ""){
    napis += "- Numer obuwia\n"
    brakuje_danych=true;
  }
  if (formularz.pesel.value.length != 11){
    napis += "\nNiepoprawny pesel\n"
    brakuje_danych=true;
  }
  if (!formularz.klauzula.checked){
    napis += "\nMusisz wyrazić zgodę na przetwarzanie danych osobowych\n"
    brakuje_danych=true;
  }
  if (!brakuje_danych)
    formularz.submit();
  else
    alert ("Nie wypełniłeś następujących pól:\n" + napis);
}
</script>
</head>
<body>
 
<?php
 
if(!empty($_POST['klauzula'])) {
///// zapisywanie, wgrywanie itp..
} else {
 
echo '
<form method="post" action="#">
    <table style="border-collapse: collapse">
        <tr>
            <td width="300" style="font-family: Verdana; font-size: 10px;"><strong>Imię</strong></td>
            <td><input type="text" name="imie" size="55" style="font-family: Verdana; font-size: 10px;"></td>
        </tr>
        <tr>
            <td width="300" style="font-family: Verdana; font-size: 10px;"><strong>Nazwisko</strong></td>
            <td><input type="text" name="nazwisko" size="55" style="font-family: Verdana; font-size: 10px;"></td>
        </tr>
        <tr>
            <td width="300" style="font-family: Verdana; font-size: 10px;"><strong>Pesel</strong></td>
            <td><input type="text" name="pesel" size="55" style="font-family: Verdana; font-size: 10px;"></td>
        </tr>
        <tr>
            <td width="300" style="font-family: Verdana; font-size: 10px;"><strong>NIP</strong></td>
            <td><input type="text" name="nip" size="55" style="font-family: Verdana; font-size: 10px;"></td>
        </tr>
        <tr>
            <td width="300" style="font-family: Verdana; font-size: 10px;"><strong>Termin ważności paszportu</strong></td>
            <td><input type="text" name="twp" size="55" style="font-family: Verdana; font-size: 10px;"></td>
        </tr>
///// USUNĄŁEM TROCHĘ TYCH PÓL, BO NIE CHCIAŁ SIĘ ZMIEŚCIĆ POST
        <tr>
            <td></td>
            <td><input type="submit" value="Wyślij" onClick="przetwarzaj_dane()" style="font-family: Verdana; font-size: 10px;"></td>
        </tr>
    </table>    
</form>
';
 
}
 
?>
 
</body>
</html>
[PHP] pobierz, plaintext 

[skowron-line]

No przecież napisałem.

Kod

<form method="post" action="#">

zamień na

Kod

<form method="post" action="#" ronSubmit="return przetwarzaj_dane()">

a z submita usun tego onClick -a

[in5ane]

OK, zobaczę ;-)

@edit: to samo jest nadal. Po kliknięciu w alercie OK dane z formularza mi uciekają i trzeba kliknąć wstecz. Proszę o jakąś sensowną odpowiedź. Pozdrawiam ;-)

Ten post edytował in5ane 21.02.2009, 11:23:30

[krzysiekk]

zobacz na to moze co pomoże

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 
<body class="twoColElsRtHdr">
<div id="container">
 
 
  <div id="mainContent">
 
 
<script type="text/javascript">
//<![CDATA[
function validate_PPForm(frm) {
  var value = '';
  var errFlag = new Array();
  var _qfGroups = {};
  _qfMsg = '';
 
  value = frm.elements['pesel'].value;
  if (value == '' && !errFlag['pesel']) {
    errFlag['pesel'] = true;
    _qfMsg = _qfMsg + '\n - Proszę podać PESEL';
  }
 
  value = frm.elements['pesel'].value;
  var regex = /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/;
  if (value != '' && !regex.test(value) && !errFlag['pesel']) {
    errFlag['pesel'] = true;
    _qfMsg = _qfMsg + '\n - PESEL powinien składac się tylko z cyfr';
  }
 
  value = frm.elements['pesel'].value;
  if (value != '' && value.length > 11 && !errFlag['pesel']) {
    errFlag['pesel'] = true;
    _qfMsg = _qfMsg + '\n - Pesel jest zadługi';
  }
 
  value = frm.elements['pesel'].value;
  if (value != '' && value.length < 11 && !errFlag['pesel']) {
    errFlag['pesel'] = true;
    _qfMsg = _qfMsg + '\n - Pesel jest zakrótki';
  }
 
  if (_qfMsg != '') {
    _qfMsg = 'Formularz zawiera błędy:' + _qfMsg;
    _qfMsg = _qfMsg + '\nProszę poprawić błędy!';
    alert(_qfMsg);
    return false;
  }
  return true;
}
//]]>
</script> 
 
 
 
<div id="rejestracja">
<form  action="/www/index.php" method="post" name="PPForm" id="PPForm" onsubmit="try { var myValidator = validate_PPForm; } catch(e) { return true; } return myValidator(this);">
		<div id="naglowek">Protokół przekazania.</div>
					<div id="group">
						 <input name="_qf_PPForm_next" value="Dalej" type="submit" />
					</div>					
 
 
					<div id="all"> <div class="label"></div><div class="element"></div> </div>				
 
 
					<div id="all"> <div class="label">Dane osobowe</div><div class="element"></div> </div>				
 
 
					<div id="all"> <div class="label">Imię:</div><div class="element"><input size="50" class="rule" name="imie" type="text" /></div> </div>				
 
 
					<div id="all"> <div class="label">Nazwisko:</div><div class="element"><input size="50" class="rule" name="nazwisko" type="text" /></div> </div>				
 
 
					<div id="all"> <div class="label">Nr identyfikacjny Abonenta:</div><div class="element"><input size="15" name="nrabonenta" type="text" /></div> </div>				
 
 
					<div id="all"> <div class="label">PESEL:</div><div class="element"><input size="12" class="rule" name="pesel" type="text" /></div> </div>				
 
 
					<div id="all"> <div class="label">Regon:</div><div class="element"><input size="50" name="regon" type="text" /></div> </div>				
 
 
					<div id="all"> <div class="label">Seria i nr Dowodu Osobistego:</div><div class="element"><input size="10" name="nrdowodu" type="text" /></div> </div>				
 
 
					<div id="all"> <div class="label">Nip:</div><div class="element"><input size="11" name="nip" type="text" /></div> </div>				
 
 
					<div id="all"> <div class="label">Adres Zameldowania</div><div class="element"></div> </div>				
 
 
 
 
 
 
		</form> 
 <p></p>
</div>
 
   <!-- end #mainContent --></div>
	<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
   <div id="footer">
    <p></p>
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
[HTML] pobierz, plaintext 

[skowron-line]

OK, zobaczę ;-)

@edit: to samo jest nadal. Po kliknięciu w alercie OK dane z formularza mi uciekają i trzeba kliknąć wstecz. Proszę o jakąś sensowną odpowiedź. Pozdrawiam ;-)

Kod

if( brak_danych != '' ){
   alert ("Nie wypełniłeś następujących pól:\n" + napis);
return false;
}
return true;

Ten post edytował skowron-line 21.02.2009, 12:24:12

[in5ane]

@skowron-line: dzięki, działa ;-)

[krzysiekk]

proszę tu masz resztę sobie dorób chyba o to ci chodzi to dotyczy tylko pesela

[HTML] pobierz, plaintext 
<a href="http://mkmnet.pl/kklima/Noname1.html">FORM</a>
[HTML] pobierz, plaintext 

[in5ane]

OK, dzięki Tobie też.