javascript+przerwanie wysyłania formularza

Question

Witam.

Jak przerwać wysyłanie formularza gdy textarea.value == ""

Oto mój kod:

<form action="index.php" method="post">
<input type="hidden" name="opinia" value="true">

Twoja opinia:

<div>
<textarea id="text_area" name="tresc" rows="5" cols="50"></textarea>
</div>

<input type="radio" name="ocena" value="1" id="r1" />
<input type="radio" name="ocena" value="2" id="r2" />
<input type="radio" name="ocena" value="3" id="r3" />
<input type="radio" name="ocena" value="4" id="r4" />
<input type="radio" name="ocena" value="5" id="r5" />

<label for="r1">Opcja #1</label>
<label for="r2">Opcja #2</label>
<label for="r3">Opcja #3</label>
<label for="r4">Opcja #4</label>
<label for="r5">Opcja #5</label>

<div>
<input id="btn" type="submit" name="wyslij" value="Wyślij">
</div>

</form>

<script>
var btn = document.getElementById("btn");
btn.addEventListener("click", walidate);

function walidate() {
var ta = document.getElementById("text_area");
        if (ta.value == "")
                {
                alert("Brak napisu");
                return false;
                }
}

</script>

 

Answer 1

Po pierwsze powinieneś przypiąć się nie do przycisku, a formularza i do zdarzenia submit. I wówczas return false powinno działać.

A jak nie, to zawsze zostaje:

form.addEventListener('submit', function(e)
{
    e.preventDefault();
}, false);

 

Comments

Mam teraz tak:

<form id="frm_opinia" action="index.php" method="post">
<input type="hidden" name="opinia" value="true">

Twoja opinia:

<div>
<textarea id="text_area" name="tresc" rows="5" cols="50"></textarea>
</div>

<input type="radio" name="ocena" value="1" id="r1" />
<input type="radio" name="ocena" value="2" id="r2" />
<input type="radio" name="ocena" value="3" id="r3" />
<input type="radio" name="ocena" value="4" id="r4" />
<input type="radio" name="ocena" value="5" id="r5" />

<label for="r1">Opcja #1</label>
<label for="r2">Opcja #2</label>
<label for="r3">Opcja #3</label>
<label for="r4">Opcja #4</label>
<label for="r5">Opcja #5</label>

<div>
<input type="submit" name="wyslij" value="Wyślij">
</div>

</form>

​<script>
var f_opinia = document.getElementById("frm_opinia");
f_opinia.addEventListener("submit", walidate);

function walidate() {
var ta = document.getElementById("text_area");
        if (ta.value == "")
                {
                alert("Brak napisu");
                return false;
                }
}

</script>

I nie działa

---

var f_opinia = document.getElementById("frm_opinia");
f_opinia.addEventListener("submit", walidate);
 
function walidate(e) {
	var ta = document.getElementById("text_area");

	if (ta.value == "")
	{
		alert("Brak napisu");
		e.preventDefault();
	}
}

 

---

nie działa, zobacz sam:

http://szukaj.lk.legnica.pl/index.php

zaznacz gwiazdkę, ale nie wpisuj nic do textarea

---

Twoje

function walidate() 

vs moje

function walidate(e) 

Widzisz różnicę? ;)

---

faktycznie :), to e to zdarzenie?

---

Tak - zawsze jest przekazywane jako 1. parametr

---

ok wielkie dzięki

pozdrawiam.