Javascript provera forme

nepoverljiv · 16.12.2011, 0:13

Imam problem sa proverom forme, kada stavim <button type="submit"></button> , tada mogu kao dugme da stavim bilo koju sliku i provera mi radi da li je popunjeno polje. Medjutim ja hocu da mi submit bude link, ali kad tako stavim on uopste ne proverava da li je polje popunjeno nego direktno ide na izvrsavanje. Proveravao sam ovako polja:

Kod:

function Validate3(){
    var name=document.komentar.name
    var text=document.komentar.text
    if ((name.value==null)||(name.value=="")){
        alert("Niste uneli ime!")
        name.focus()
        return false
    }

    if ((text.value==null)||(text.value=="")){
        alert("Niste uneli text poruke!")
        text.focus()
        return false
    }
    return true 
 }
</script>

Da li neko moze da mi pomogne da mi proverava polje kada stavim i da mi bude link submit button. To inace uradim na ovaj nacin

Kod:

<a href="sendvest.php" onClick="javascript:document.form6.submit();"> Pošalji komentar </a>

PDarko · 16.12.2011, 22:28

Problem je u tome što onclick (ovako kako si ti napisao) šalje formu bez predhodne provere.

Nisi postavio HTML kod tako da ću ja da izmislim jedan.

HTML kod:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Komentar</title>
    <script type="application/javascript" src="script.js"></script>
</head>
<body>
    <form id="komentar" action="sendvest.php" method="post">
        <p>
            Ime: <input type="text" id="name">
        </p>
        <p>
            Tekst: <textarea id="text" cols="60" rows="15"></textarea>
            <a id="submit" href="#">Submit</a>
        </p>
    </form>
</body>
</html>

PHP kod:


			
// script.js

function validateForm(event) {

    var name = document.getElementById("name"),

        text = document.getElementById("text");



    if (name && !name.value) {

        alert("Niste uneli ime!");

        name.focus();

        return false;

    }



    if (text && !text.value) {

        alert("Niste uneli tekst poruke!");

        text.focus();

        return false;

    }



    return true;

}



document.addEventListener("DOMContentLoaded", function () {

    var submit = document.getElementById("submit");



    if (submit) {

        submit.addEventListener("click", function () {

            var form = document.getElementById("komentar");

            if (form && validateForm())

                form.submit();

        }, false);

    }

}, false);

PS. Iz tvog posta se može zaključiti da si početnik tako da ću ti dati jedan vrlo koristan savet: nemoj da mešaš skripte i stilove sa HTML-om. To se smatra lošom praksom.

16.12.2011, 0:13	#1
nepoverljiv Član Član od: 13.4.2008. Poruke: 157 Zahvalnice: 7 Zahvaljeno 2 puta na 2 poruka	Javascript provera forme Imam problem sa proverom forme, kada stavim <button type="submit"></button> , tada mogu kao dugme da stavim bilo koju sliku i provera mi radi da li je popunjeno polje. Medjutim ja hocu da mi submit bude link, ali kad tako stavim on uopste ne proverava da li je polje popunjeno nego direktno ide na izvrsavanje. Proveravao sam ovako polja: Kod: function Validate3(){ var name=document.komentar.name var text=document.komentar.text if ((name.value==null)\|\|(name.value=="")){ alert("Niste uneli ime!") name.focus() return false } if ((text.value==null)\|\|(text.value=="")){ alert("Niste uneli text poruke!") text.focus() return false } return true } </script> Da li neko moze da mi pomogne da mi proverava polje kada stavim i da mi bude link submit button. To inace uradim na ovaj nacin Kod: <a href="sendvest.php" onClick="javascript:document.form6.submit();"> Pošalji komentar </a>

16.12.2011, 22:28	#2
PDarko Veteran Član od: 11.7.2006. Lokacija: /dev/random Poruke: 1.011 Zahvalnice: 163 Zahvaljeno 182 puta na 147 poruka	Re: Javascript provera forme Problem je u tome što onclick (ovako kako si ti napisao) šalje formu bez predhodne provere. Nisi postavio HTML kod tako da ću ja da izmislim jedan. HTML kod: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Komentar</title> <script type="application/javascript" src="script.js"></script> </head> <body> <form id="komentar" action="sendvest.php" method="post"> <p> Ime: <input type="text" id="name"> </p> <p> Tekst: <textarea id="text" cols="60" rows="15"></textarea> <a id="submit" href="#">Submit</a> </p> </form> </body> </html> PHP kod: // script.js function validateForm(event) { var name = document.getElementById("name"), text = document.getElementById("text"); if (name && !name.value) { alert("Niste uneli ime!"); name.focus(); return false; } if (text && !text.value) { alert("Niste uneli tekst poruke!"); text.focus(); return false; } return true; } document.addEventListener("DOMContentLoaded", function () { var submit = document.getElementById("submit"); if (submit) { submit.addEventListener("click", function () { var form = document.getElementById("komentar"); if (form && validateForm()) form.submit(); }, false); } }, false); PS. Iz tvog posta se može zaključiti da si početnik tako da ću ti dati jedan vrlo koristan savet: nemoj da mešaš skripte i stilove sa HTML-om. To se smatra lošom praksom.

Slične teme
tema	temu započeo	forum	Odgovora	Poslednja poruka
JavaScript. da/ne	Game fever	Klijentske aplikacije	1	10.10.2011 0:06
11. Sajam kratke elektronske forme (KEF) (prijave do 29. novembra)	Chivan	Dešavanja i događaji	0	2.11.2010 13:04
Flashplayer i Javascript, pomoć!	Lazar95	Aplikativni softver	5	13.1.2009 1:19
Javascript search na CD	NenadDimi	Klijentske aplikacije	1	23.9.2008 3:13
JavaScript: Kako uzeti sadržaj nekog taga?	urke	Klijentske aplikacije	8	19.8.2008 13:33