Forum Sveta kompjutera

Nazad   Forum Sveta kompjutera > Internet > Web razvoj > Klijentske aplikacije

Klijentske aplikacije (X)HTML, CSS, JavaScript, AJAX...

Odgovor
 
Alatke vezane za temu Vrste prikaza
Stara 16.12.2011, 0:13   #1
nepoverljiv
Član
 
Član od: 13.4.2008.
Poruke: 157
Zahvalnice: 7
Zahvaljeno 2 puta na 2 poruka
Question 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>
nepoverljiv je offline   Odgovor sa citatom ove poruke
Stara 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
Određen forumom 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.
PDarko je offline   Odgovor sa citatom ove poruke
Odgovor

Bookmarks sajtovi

Alatke vezane za temu
Vrste prikaza

Vaš status
Ne možete postavljati teme
Ne možete odgovarati na poruke
Ne možete slati priloge uz poruke
Ne možete prepravljati svoje poruke

BB kod: uključeno
Smajliji: uključeno
[IMG] kod: uključeno
HTML kod: isključeno


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


Sva vremena su po Griniču +2 h. Sada je 10:19.


Powered by vBulletin® verzija 3.8.7
Copyright ©2000–2024, vBulletin Solutions, Inc.
Hosted by Beograd.com