Verificare Form

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.

Verificare Form

» 24 Aug, 2011

Buna:). Am si eu o intrebare. Deci...vreau sa verific un formular, si, cand un input nu este completat asa cum trebuie, atuncea sa ii apara o alerta cu un mesaj (chestia asta o stiti toti). DEci...eu am fact asta:

Cod: Selectaţi tot


<html>
<head>
<script type="text/javascript">

function verifica()
{
var text = document.getElementById('nume');

if (text.value.length < 3 || text.value.length > 15)
alert("Scrie in capul acela un text mai mare decat 3 caractere");
}

</script>

</head>

<body >
<form action="index.php" method="POST">
<input type="text" id="nume">
<input type="submit" value="Trimite" onClick="verifica()">
</form>
</body>

</html>




ASa...cand nu scriu bine in acel input imi apare mesajul care trebuie..(singurul din script:) ). Dar, cand dau pe OK, atuncea ma redirectioneaza pe index.php din action=""

Intrebarea mea e:

Cum pot sa fac sa nu ma redirectioneze? Si...cand toate camprile sunt corecte atncea sa ma duca direct spre index.php?:)

Ms mult!
Se spune ca...."omul tot invata in viata". Dar...Totusi...Trebie sa ne oprim undeva, nu?
claUdiu
 
Mesaje: 314
Membru din: 31 Mar, 2010


Verificare Form   » 25 Aug, 2011

Salut
La formulare, in loc de onClick="verifica()" in butonul Submit, mai bine se adauga onsubmit="return verifica();" in tag-ul <form>.
Vezi cum este facut, si explicatiile din tutorialul Verificare si Validare caractere din formular.
MarPlo
Administratorul site-ului
 
Mesaje: 1583
Membru din: 13 Mai, 2008


Verificare Form   » 25 Aug, 2011

Am incercat c onsubmit dar, acuma nu apare alert() si, tot ma redirectioneaza pe pagina din action=""
Se spune ca...."omul tot invata in viata". Dar...Totusi...Trebie sa ne oprim undeva, nu?
claUdiu
 
Mesaje: 314
Membru din: 31 Mar, 2010


Verificare Form   » 25 Aug, 2011

Probabil fiindca sunt erori in codul JavaScrip. Incearca sa folosesti addon-ul FireBug la Mozilla Firefox ca sa depistezi erori JS.
Despre addon-ul FireBug gasesti mai multe pe net.
MarPlo
Administratorul site-ului
 
Mesaje: 1583
Membru din: 13 Mai, 2008


Verificare Form   » 12 Oct, 2011

Salut!

Am si eu problema cu verificarea unui form. Am invatat cum sa fac, doar ca nici nu inteleg unde e erroarea.

Codul este acesta:

Cod: Selectaţi tot



<html>
<head>
<script type="text/javascript">

function verifica()
  {

var Title = document.getElementById("title");
var Keywords = document.getElementById("keywords");
var Content = document.getElementById("content");

if (Title.value.length <= 5){
alert("The filed Title, must have 5 characters!");
return false;
}else if(Title.value.length >= 15){
alert("The filed Title, must be beetwen 5 and 15 characters!");
return false;
}else if(Content.value.length <= 10){
alert("The field Content must have 10 characters!");
return false;
}
return true;


  }
</script>
</head>
<body>

<form action="post.php" method="POST" onSubmit="return verifica()">

<h1>Title:</h1>
<br/>
<input type="text" name="title" />

<h1>Keywords</h1>
<br/>
<input type="text" name="keywords" />

<h1>Content:</h1>
<br/>
<textarea rows="5" cools="10"></textarea>

<br/><br/>

<input type="submit" name="trimite" value="Post!" />
&nbsp; &nbsp;
<input type="reset" value="Delete!" />

</form>
</body>
</html>


Are tot ce ii trebuie. Are return false; return true; onSubmit, functia, etc, dar, cand apas pe Post!, ma redirectioneaza pe pagina din action="". Chiar nu mai stiu unde sa ma uit... M smult
Se spune ca...."omul tot invata in viata". Dar...Totusi...Trebie sa ne oprim undeva, nu?
claUdiu
 
Mesaje: 314
Membru din: 31 Mar, 2010


Verificare Form   » 12 Oct, 2011

Salut
In codul JavaScript preiei acele campuri cu getElementById(), dar campurile nu au setat un atribut "id".
Trebuie sa adaugi la fiecare caseta id-ul pe care-l specifici si in getElementById().
MarPlo
Administratorul site-ului
 
Mesaje: 1583
Membru din: 13 Mai, 2008


Verificare Form   » 12 Oct, 2011

Multumesc mult MarPlo Se spune ca graba strica treaba, si chiar se intampla:)).

- dar cum fac sa imi accepte doar numere la keywords?:D
Se spune ca...."omul tot invata in viata". Dar...Totusi...Trebie sa ne oprim undeva, nu?
claUdiu
 
Mesaje: 314
Membru din: 31 Mar, 2010


Verificare Form   » 03 Noi, 2011

Pentru a verifica sa accepte doar numere (ori si anumite caractere) se poate cu RegExp.
Cod: Selectaţi tot
var regx_chr = /^([0-9,\.]+)$/;
var valoare = formular.nume_camp.value;
if(valoare.search(regx_chr) == -1)) {
  alert('Adaugati valoare numerica');
}
MarPlo
Administratorul site-ului
 
Mesaje: 1583
Membru din: 13 Mai, 2008


Verificare Form   » 03 Noi, 2011

si mai e o problema.
cand dau submit imi da eroare daca bag litere la pret.dar daca dau ok scriptul meu tot merge adica ma duce la pagina de succes anuntul tau a fost adaugat.si pretul mi-l adauga in litere.cum sa fac sa se opreasca tot scriptul cand imi da eroarea ca pretul trebuie sa fie in numere?multumesc
Avatar utilizator
evident
 
Mesaje: 93
Membru din: 17 Oct, 2011
Localitate: Timisoara


Verificare Form   » 03 Noi, 2011

In tagul <form> se adauga onsubmit="return functieVerificare(this);".
Functia functieVerificare() e cea care face verificarea, in ea trebuie sa returneze ]false daca gaseste eroare (dupa alert()), ceea ce face ca "onsubmit" sa dea False si opreste trimiterea formularului.
Daca studiezi amanuntit tutorialul Verificare si Validare caractere din formular si testezi exemplu din el, intelegi procedeul.
MarPlo
Administratorul site-ului
 
Mesaje: 1583
Membru din: 13 Mai, 2008


  •  
Daca nu ati gasit raspunsul aici, cautati si pe net:   Verificare Form .
Pub
 
Mesaje: 1
Membru din: 21 Dec, 2010


Următorul

Cine este conectat

Utilizatorii ce navighează pe acest forum: Niciun utilizator înregistrat şi 1 vizitator

Cursuri / Tutoriale