[MySQL][JavaScript][AJAX]Sprawdzanie formularza, ajax jquery Opcje

[Johnas]

Witam mam taki kod. Wszystko działa z wyjątkiem pokazywania czy login jest w bazie.

[JAVASCRIPT] pobierz, plaintext 
<script>
			function sprawdz_formularz()
			{
				// zmienna przechowujaca komunikaty bledow
				var bledy = '';
				// przypisanie obiektu formularza do zmiennej
				var f = document.forms['register-form'];
 
				// sprawdzenie czy login został wpisany
				if (f.login.value == '')
				{
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Musisz wpisać login!<br>';
				} else {
					$.ajax({
						type: "POST",
						url: "check_login.php",
						data: "username="+ f.login.value,
						success: function(msg){
							$("#status").ajaxComplete(function(event, request){
								if(msg == 'OK')
								{
									bledy += "Login Dostepny";
								}
								else
								{
									bledy += "Login Zajety";
								}		
							});
						}	
					});
				}
				// sprawdzenie czy hasło zostało wpisane
				if (f.pass.value == '')
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Musisz wpisać hasło!<br>';
				//sprawdzanie czy hasła są podobne
				if (f.pass.value != f.repass.value)
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Hasła nie są identyczne!<br>';
				//sprawdzanie czy email został wpisany
				if (f.mail.value == '')
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Musisz wpisać adres E-mail!<br>';
				//Sprawdzanie czy adresy email są ze sobą zgodne!
				if (f.mail.value != f.remail.value)
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Podane adresy email nie są ze sobą zgodne!<br>';
 
				// sprawdzenie czy byly bledy 
				if (bledy == '')
					document.getElementById('register-form').submit();
				else
				{	
					return pokaz_bledy(bledy);
 
				}
			}
 
 
			function pokaz_bledy(bledy)
			{
				var tresc = '';
				tresc += '<div class="ui-widget"><div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"><br><p>';
				tresc += bledy;
				tresc += "</p></div></div>";
				document.getElementById('myText').innerHTML = tresc;
				return false;
			}
			</script>
[JAVASCRIPT] pobierz, plaintext 

Błędu tam nie widzę, ale może coś przeoczyłem gdyż ja dopiero początkujący

[Necsord]

[HTML] pobierz, plaintext 
$.ajax({
	type:"POST",
	url:"check_login.php",
	data:"username=" + f.login.value,
	success:function (msg) {
		if (msg == 'OK') {
			bledy += "Login Dostepny";
		}
		else {
			bledy += "Login Zajety";
		}
	}
});
[HTML] pobierz, plaintext 

Pierwsze co rzuciło mi sie w oczy. Przy okazji to masz tez takie parametry $.ajax jak complete czy error działające na tej samej zasadzie co success. Sprawdź także konsole javascript'u.

Ten post edytował Necsord 18.02.2012, 20:08:26

[Johnas]

faktycznie to działa ale jak zrobie skrypt fake... czyli kod wygląda tak:

[JAVASCRIPT] pobierz, plaintext 
function sprawdz_formularz()
			{
				// zmienna przechowujaca komunikaty bledow
				var bledy = '';
				var rbg = 'ogar';
				// przypisanie obiektu formularza do zmiennej
				var f = document.forms['register-form'];
				//sprawdzanie formatu adresu email
				var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
				var AdresEmail = f.mail.value;
				var Wynik = AdresEmail.match(reg);
				// sprawdzenie czy login został wpisany
				if (f.login.value == '')
				{
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Musisz wpisać login!<br>';
				} else {
					$.ajax({
						type:"POST",
						url:"function/check_login.php",
						data:"username=" + f.login.value,
						success:function (msg) {
							if (msg == 'OK') {
								bledy += "";
							}
							else {
								bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Login <b>'+f.login.value+'</b> jest w użyciu. Prosimy wymyśleć inny.<br>';
							}
						}
					});
				}
				// sprawdzenie czy hasło zostało wpisane
				if (f.pass.value == '')
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Musisz wpisać hasło!<br>';
				//sprawdzanie czy hasła są podobne
				if (f.pass.value != f.repass.value)
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Hasła nie są identyczne!<br>';
				//sprawdzanie czy email został wpisany
				if (AdresEmail == '') {
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Musisz wpisać adres E-mail!<br>';
				} else if (Wynik == null) {
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Niepoprawny format adresu E-mail!<br>';
				} else if (AdresEmail != f.remail.value)
				{
					//Sprawdzanie czy adresy email są ze sobą zgodne!
					bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>Podane adresy email nie są ze sobą zgodne!<br>';
				} else {
					$.ajax({
						type: "POST",
						url: "function/check_mail.php",
						data: "mail="+ AdresEmail,
						success: function (rquest) {
							if (rquest == 'OK') {
								bledy += "";
							}
							else {
								bledy += '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>E-mail '+AdresEmail+' jest już uzywany. Jeżeli zapomnialeś hasła kliknij <a href="memory.php">Tutaj</a> aby wygenerować nowe hasło.<br>';
							}
						}
 
					});
				}
				$.ajax({
					type: "POST",
					url: "function/rebug.php",
					data: "xavier="+ rbg,
					success: function(rubg){
						$("#mail").ajaxComplete(function(event3, request3){
							if(rubg == 'OK')
							{
								pokaz_bledy(bledy);
							}		
						});
					}	
				});					
			}
[JAVASCRIPT] pobierz, plaintext 

Na końcu dodałem:

[JAVASCRIPT] pobierz, plaintext 
$.ajax({
					type: "POST",
					url: "function/rebug.php",
					data: "xavier="+ rbg,
					success: function(rubg){
						$("#mail").ajaxComplete(function(event3, request3){
							if(rubg == 'OK')
							{
								pokaz_bledy(bledy);
							}		
						});
					}	
				});					
			}
[JAVASCRIPT] pobierz, plaintext 

gdzie plik rebug.php wyglada tak:

[PHP] pobierz, plaintext 
<?php
session_start();
 
if(isset ($_POST['xavier']))
{
	$xavi = $_POST['xavier'];	
	if($xavi == 'ogar')
	{
		echo 'OK';
	}
}
?>
[PHP] pobierz, plaintext 

Za pomoc dziękuje. Temat do zamknięcia.

[MaciekDZN]

Witam, potrzebuje kodu pliku "function/check_login.php" gdyż nie mogę podstawić tego pod swój kod... pozdrawiam

[viking]

A pomyśleć to już ciężko? Kod tej funkcji jest uzależniony od twojego backendu.

[MaciekDZN]

czyli:

[PHP] pobierz, plaintext 
<?php
include("../config.php"); //polaczenie z baza danych
 
        $rezultat = mysql_query("SELECT * FROM t_user where login='$_POST[username]'");
        $status = mysql_num_rows($rezultat);
		if($status==0)
			echo "0";
		else
			echo "1";
 
 
?>
[PHP] pobierz, plaintext 

takie coś nie działa, jakby nie sprawdza...
ps. myślę i jak już nie wiem jak coś zrobić to pytam

[viking]

Po pierwsze to funkcje mysql są przestarzałe, Po drugie POST powinien być zabezpieczony. Po trzecie mysql_num_rows zwraca:

The number of rows in a result set on success or FALSE on failure.

Po czwarte. Zobacz co wysyłasz i co dostajesz w odpowiedzi w konsoli przeglądarki.

[MaciekDZN]

Szybko ucze sie na przykladach, wolno jak musze cos rozkminiac bo ktos chce mnie uczyc swoim sposobem...

Jak możesz to podaj gotowe rozwiązanie - ja przeanalizuje Twoje spostrzeżenia i oboje bedziemy szczesliwi

[viking]

Jeśli szukasz gotowca bez wkładu własnego to moje spostrzeżenia są płatne. Wtedy owszem, oboje będziemy szczęśliwi. A ten wykres co ma symbolizować?

[MaciekDZN]

Jak chcesz wiedzieć co ten wykres oznacza to moje spostrzeżenia też są płatne...

a symbolizuje on proporcjonalnie na kiedy potrzebuje tego kodu - a patrząc na wykres potrzebuje go na wczoraj

więc zmieniłem 1/0 na success i false:

Kod

    if(server_response == false)
    {
    $("#status").html(' <font color="Green"> Available </font>  ');
            document.getElementById("login2").innerHTML = "<?echo '<font color=green>Login poprawny</font>';?>";
            document.getElementById("zarejestruj").disabled = false;    
    }  
    else  if(server_response == success)//if it returns "1"
    {  
     $("#status").html(' <font color="red">Not Available </font>');
            document.getElementById("login2").innerHTML = "<?echo '<font color=trf>Login zajęty</font>';?>";
            document.getElementById("zarejestruj").disabled = false;
     }

ale dalej nie działa...

mam cos takiego:

dlaczego nie dziala?
test.php

[PHP] pobierz, plaintext 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script language="text/javascript">
$(document).ready(function(){
    $("fieldset input[name=login]").change(function(){
        var login = $("fieldset input[name=login]").val();//Get the value in the username textbox
        if(login.length > 3){
            $(".status").html('&nbsp;Checking availability...');
            $.ajax({
                type: "POST",  
                url: "../post/login.php",  //file name
                data: "login="+ login,  //data
                success: function(data){
                    console.log("server_response: "+data);
                    if(data == '0'){
                        $(".status").html('<font color="Green"> Available </font>');
                    } else  if(data == '1'){  
                        $(".status").html('<font color="red">Not Available </font>');
                    }
                } 
            }); 
        } else {
            $(".status").html('<font color="#cc0000">login too short</font>');
        }
        return false;
    });
});
</script>
<?
//okieno do rejestracji id='dialog'
echo "<form name='rejestracja' method='post' action='../post/login.php'>
Email: <input type='text' name='email' id='email'><br />
Haslo: <input type='password' name='haslo'><br />";
echo "Login: <input type='text' name='login' id='login'><br />";
echo "<font id='status' name='status'></font><br />";
echo "<input id='zarejestruj' type='submit'></form>
";
echo "";
?>  
[PHP] pobierz, plaintext 

i plik login.php:

[PHP] pobierz, plaintext 
<?php
$localhost = "localhost";
$login = "xxx";
$pass                                                                                                                                                                          = "xxx";
$db_name = "xxx";
$sql = mysqli_connect($localhost,$login,$pass,$db_name);
 
 
mysqli_query($sql,'SET NAMES utf8');
mysqli_query($sql,'SET CHARACTER_SET utf8_unicode_ci');
 
$username = $_POST['login'];
 
$q = mysqli_query($sql, "SELECT * FROM t_user WHERE login='$username'");
if( $q && $q->num_rows ){
    echo '1';
} else {
    echo '0';
}
?>
[PHP] pobierz, plaintext 

poradziłem sobie - dzięki przedszkolakom za pomoc - straciłem na waszej pomocy jakieś 3 godziny czyli 3 godziny mniej wiedzy dzięki wam pozdrawiam tych co potrafią odpowiedzieć jednym słowem i tych co myślą podobnie

Ten post edytował MaciekDZN 21.01.2017, 21:46:05