Zatrzymanie wysyłania formularza

Question

Cześć, mam skrypt Javascript, który sprawdza poprawność wpisanych danych do formularza. Chcę zrobić tak, że formularz wyśle się, gdy wszystke funkcje sprawdzające pola zwrócą true. Jeżeli choć jedna funkcja zwróci fałsz, formularz ma się nie wysyłac. Mój kod wygląda tak (wrzuce tylko potrzebne rzeczy, bez zbędnych funkcji):

 

window.onload = Init;

function Init()
{
	var login = document.getElementById('login');
	login.onblur = function() {
		checkLogin(this);
	}
	var password = document.getElementById('password');
	password.onblur = function(){
		checkPassword(this);
	}
	var password2 = document.getElementById('password_potw');
	password2.onblur = function(){
		checkPassword2(this);
	}
	var email = document.getElementById('email');
	email.onblur = function(){
		checkEmail(this);
	}
	document.forms["rejestracja"].onsubmit = function(){
		onSubmit(this);
	}
}

i funkcja onSubmit() 
 

function onSubmit(form){
	if (!checkLogin(form.login) ||
		!checkPassword(form.password) ||
		!checkPassword2(form.password_potw) ||
		!checkEmail(form.email))
	{
			return false;
	} 	
	else return true;
}

To powinno działać tak, że jeżeli ta funkcja onSubmit() zwróci false, to formularz się nie wyśle, prawda? A u mnie formularz wysyła się mimo to. 

Answer 1

onsubmit to jest zdarzenie chyba wywoływane przy wysyłaniu. Nie jestem pewien, ale tak mi się wydaje. A wywołanie wysłania formularza to jest po prostu

document.forms["rejestracja"].submit();

na formularzu. Czyli musiałbyć wywołać te funkcję tylko jeśli wszystkie flagi przejdą.

Answer 2

jquery: event.preventDefault();

http://api.jquery.com/event.preventdefault/

Answer 3

Możesz też zablokować button dopóki formularz nie jest wypełniony poprawnie.

Prawdziwe sprawdzanie poprawności powinno być podobno po stronie serwera bo to co masz po stronie klienta jest łatwo obejść. Np wspomiane przeze mnie rozwiązanie.

Comments

Dokładnie. Każdy sobie może stworzyć taki sam formularz do Twojego skryptu i wysłać jakieś śmieci.

---

Sprawdzenie za pomocą JS ma sens, bo zanim wyślesz już możesz wskazać co jest nie tak z danymi. Validacja danych otrzymanych musi być bezwzględnie (w PHP w skrypcie odbierającym).

Answer 4

zamiast onsubmit() spróbuj onclick(). Jeżeli to się nie uda. Sprawdzaj pola tekstowe jak tu:

 Login.onchange = function(){

if(lLogin.value.length > 6)

jest ok, tutaj obsługa tego ifa. Np: zwraca +1 do zalogowania się.

}