Cum se face ca popup-ul de autentificare și înregistrare din index.php să funcționeze și să analizeze datele în mysql (Programare, Php, Ajax, Formulare, Popup, Dialog Modal)

Milos Djokic a intrebat.

Am:Index.php, login.php, register.php

În index.php am un popup modal și vreau ca utilizatorul să se poată autentifica și înregistra din popup.

Am încercat cu ajax, dar nu funcționează.Iată codul meu:ajax.php:

 function validLogin(){
  var email=$('.email').val();
  var password=$('.password').val();
  $.ajax({
      type: "POST",
      url: "sign-in.inc",
     data: "name="+username+"&pwd="+password,
      success: function(html){
           if(html=='true'){
            alert ("Correct");
          }
          else{
              alert ("Wrong");
          }
}
  });

}

și aici este formularul popup:

<div id="login">
    <form class="form login-form" name="login-popup" >
        <a class="btn-facebook" href="#"><span><i class="fa fa-facebook"></i>
</span><span>Login with Facebook</span></a>
        <a class="btn-google" href="#"><span><i class="fa fa-google-plus"></i>
</span>
        <span>Login with Google</span></a>
        <p class="fieldset">
            <label class="image-replace email icon-log" for="signin-email">E-mail</label>
            <input class="full-width has-padding has-border email" id="signin-email" name="email-login" type="email" placeholder="E-mail" name="email" required>
            <span class="error_box"></span>
          </p>
          <p class="fieldset">
            <label class="image-replace password" for="signin-password">Password</label>
            <input class="full-width has-padding has-border password" id="signin-password"  type="password"  placeholder="Password"
            name="password" required>
            <a href="#0" class="hide-password">Show</a>
            <span class="error-message"></span>
          </p>
          <p class="fieldset">
            <input type="checkbox" id="remember-me" checked>
            <label for="remember-me">Remember me</label>
          </p>
          <p class="fieldset">
            <input class="full-width orange" id="login-submit" type="submit" name="submit" onclick="validLogin()" value="Login">
          </p>
        </form>
        <p class="form-bottom-message"><a href="#0">Forgot your password?</a></p>
        <!-- <a href="#0" class="close-form">Close</a> -->
      </div>

Comentarii

  • puteți defini pentru noi, „nu funcționează”? –  > Por Funk Forty Niner.
  • Prima problemă pe care o văd este că aveți email și password pentru mai mult de o intrare. –  > Por Twisty.
  • …corect ^ folosiți un id. –  > Por Funk Forty Niner.
  • În al doilea rând, nu puteți posta la ‘sign-in.inc’, decât dacă aveți *.inc mapat în PHP pe serverul dvs. web. Mă îndoiesc că ai. Veți dori să postați într-un *.php sau într-un alt fișier care poate gestiona postarea. –  > Por Twisty.
  • „sign-in.inc” ?? Ce este acesta ? –  > Por Nana Partykar.
1 răspunsuri
Twisty

În primul rând, te-aș sfătui să-ți muți JQuery să folosești ID-uri pentru selectori și nu clase. În al doilea rând, dvs. url nu arată bine. Cu excepția cazului în care nu aveți .inc să fie gestionat sau mapat pe serverul dvs., acesta nu va putea procesa cererea. Aruncați o privire:

function validLogin(){
    var email = $('#signin-email').val();
    var password = $('#signin-password').val();
    $.ajax({
        type: "POST",
        url: "sign-in.php",
        data: "name="+email+"&pwd="+password,
        success: function(html){
            if(html=='true'){
                alert ("Correct");
            } else {
                alert ("Wrong");
            }
        }
    });
}