undifined index...

Door Mathieu Posthumus op 22-03-2015 00:35 gewijzigd op 22-03-2015 00:36

1.522 views

Hey mensen,

Mijn script zegt dat hij $_POST['password'] niet kan vinden, dat vind ik eigenlijk best logisch want ik heb hem niet met de jquery meegegeven naar die $_GET...

code:

HTML:


<div class="inputCheckGroup">
        <div class="inputGroup">
            <img src="<?=ICON?>/eye_close.png" class="ShowPassword">
            <input class="awe" type="password" name="password" id="password">
            <label>Password</label>
        </div>
        <span class="inputCheck"></span>
    </div>

    <div class="inputCheckGroup">
        <div class="inputGroup">
            <img src="<?=ICON?>/eye_close.png" class="ShowPassword">
            <input class="awe" type="password" name="rePassword" id="rePassword">
            <label>Repeat Password</label>
        </div>
        <span class="inputCheck"></span>
    </div>

PHP:


<?php
if ($_GET['action'] == "checkPassword") {
    if (empty($_POST['password'])) {
        ?><img class="inputCheckImg" src="<?=ICON?>cross.png"><a class="inputCheckCross">Password may not be empty.</a><?
    } else if (strlen($_POST['password']) < 6) {
        ?><img class="inputCheckImg" src="<?=ICON?>cross.png"><a class="inputCheckCross">Password must have 6 or more characters.</a><?
    } else if (strlen($_POST['password']) > 30) {
        ?><img class="inputCheckImg" src="<?=ICON?>cross.png"><a class="inputCheckCross">Password may not be longer then 30 characters.</a><?
    } else if (!preg_match('/[\'^£$%&*()}{@#~?\>\<\>,|=_+¬-]+/', $_POST['password'])) {
        ?><img class="inputCheckImg" src="<?=ICON?>cross.png"><a class="inputCheckCross">Password must have letters numbers and special chars.</a><?
    } else {
        ?><img class="inputCheckImg" src="<?=ICON?>tick.png"><?
    }
}
if ($_GET['action'] == "checkRePassword") {
    if (empty($_POST['rePassword'])) {
        ?><img class="inputCheckImg" src="<?=ICON?>cross.png"><a class="inputCheckCross">This field can not be empty.</a><?
    } else if ($_POST['password'] !== $_POST['rePassword']) {
        ?><img class="inputCheckImg" src="<?=ICON?>cross.png"><a class="inputCheckCross">The password doesn\'t match.</a><?
    } else {
        ?><img class="inputCheckImg" src="<?=ICON?>tick.png"><?
    }
}
?>

JQUERY:


$("input#password").on("keyup", function(){
        var inputData = $(this);
        $.ajax({
            method: "POST",
            url: "registerHandler.php?action=checkPassword",
            data: inputData
        }).done(function(data){
            $(inputData).parent().next().empty().append(data);
        });
    });

    $("input#rePassword").on("keyup", function(){
        var inputData = $(this);
        $.ajax({
            method: "POST",
            url: "registerHandler.php?action=checkRePassword",
            data: inputData
        }).done(function(data){
            $(inputData).parent().next().empty().append(data);
        });
    });

Het is dus..

Ik geef eerder de $_POST['password'] wel mee. alleen kan ik die later niet opvragen in de $_GET['action'] == checkRePassword.

Omdat ik hem dus niet meegeef in de jquery.

Maar op welke manier zou ik die wel kunnen meegeven zodat ik kan checken of ze gelijk zijn!?

Groet,

Mathieu.

Frank Nietbelangrijk

22-03-2015 01:42

Mooi knutselwerk weer :-)

Maar $_GET en $_POST kun je gewoon door elkaar gebruiken.


        $.ajax({
            method: "POST",
            url: "registerHandler.php?action=checkRePassword",
            data: "name": name
        }).done(function(data){
            $(inputData).parent().next().empty().append(data);
        });

registerHandler.php:
<?php

$action = $_GET['action'];
$name = $_POST['name'];

?>

Mathieu Posthumus

22-03-2015 02:17

Frank. Nee ik moet in het stuk van if !enpty $_get['repassword'] de variable $_get['password'] kunnen uilezen. Maar dat wilt niet

Frank Nietbelangrijk

22-03-2015 10:42 gewijzigd op 22-03-2015 11:18

ik geloof dat ik nu je probleem begrijp.

~~Ik zou één jquery event keyup maken voor zowel password als repeatpw.~~
Daarnaast wil ik nog opmerken dat een ajax call overbodig is. Wat je nu in PHP doet kun je gewoon in javascript maken.

Mathieu Posthumus

22-03-2015 10:44

Frank ik begrijp het op deze methode dus zo houd ik het ook liever. Maar heb je misschien een voorbeeld hoe jij het bedoeld?

Frank Nietbelangrijk

22-03-2015 11:16 gewijzigd op 22-03-2015 11:18

http://codepen.io/anon/pen/PwXXmz?editors=101

Mathieu Posthumus

22-03-2015 11:30

Frank. Aah. oke er is dus geen andere optie daarvoor? super dankje ;)

Frank Nietbelangrijk

22-03-2015 11:44

Opties genoeg. Misschien maak ik straks nog een wat uitgebreider voorbeeldje. AJAX moet je alleen gebruiken als het echt nodig is. Dat is als je echt info nodig hebt die alleen op de server beschikbaar is.

Mathieu Posthumus

22-03-2015 11:45

Frank oke dankje ;)

Frank Nietbelangrijk

22-03-2015 13:42 gewijzigd op 22-03-2015 13:49

http://codepen.io/anon/pen/NPeeew?editors=101


<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>CodePen - A Pen by  Captain Anonymous</title>

</head>

<body>

  <div class="inputCheckGroup">
  <div class="inputGroup">
    <img id="img-pw1" src="http://png-1.findicons.com/files/icons/1156/fugue/16/hourglass.png" />
    <input class="awe" type="password" name="password" id="password">
    <label>Password</label>
  </div>
  <span class="inputCheck"></span>
</div>

<div class="inputCheckGroup">
  <div class="inputGroup">
    <img id="img-pw2" src="http://png-1.findicons.com/files/icons/1156/fugue/16/hourglass.png" />
    <input class="awe" type="password" name="rePassword" id="rePassword">
    <label>Repeat Password</label>
  </div>
  <span class="inputCheck"></span>
</div>

  <script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>

  <script src="js/index.js"></script>

</body>

</html>

index.js


$( document ).ready(function() {

  // initialisatie

  // image urls
  var imgOk = "http://png-1.findicons.com/files/icons/2564/max_mini_icon/16/valid.png";
  var imgWrong = "http://png-3.findicons.com/files/icons/1156/fugue/16/cross_script.png";

  // formfields
  var pw = $("input[type=password]"); // beiden password fields
  var pw1 = $("input#password");
  var pw2 = $("input#rePassword");

  // images
  var imgPw1 = $("#img-pw1");
  var imgPw2 = $("#img-pw2");

  // functies
  function validatepw1(val)
  {
    if(val.length < 6)
      return false;
    if(val.length > 30)
      return false;

    return true;
  }

  function validatepw2(val)
  {
    var val1 = pw1.val();

    if(val == val1) {
      if(validatepw1(val1)) // als pw1 niet goed is dan is pw2 ook niet goed
        return true;
    }
    return false;
  }

  // events

  // event keyup voor beiden password fields
  pw.on("keyup", function(){
    // controleer password 1
    if(validatepw1(pw1.val())) {
      imgPw1.attr('src', imgOk);
      imgPw1.attr('title', 'Paswoord is goedgekeurd');      
    }
    else {
      imgPw1.attr('src', imgWrong);
      imgPw1.attr('title', 'Paswoord moet minimaal zes en maximaal dertig tekens lang zijn');      
    }
    // controleer password 2 enkel als deze niet leeg is.
    if(pw2.val().length > 0) {
      if(validatepw2(pw2.val())) {
        imgPw2.attr('src', imgOk);
        imgPw2.attr('title', 'Paswoorden zijn gelijk');      
      }
      else {
        imgPw2.attr('src', imgWrong);
        imgPw2.attr('title', 'Paswoorden zijn niet hetzelfde');      
      }
    }
  });
});

[size=xsmall]Toevoeging op 22/03/2015 14:04:05:[/size]

Even aanvullend: Dit is dan een javascript validatie en dat is prima en vooral gebruiksvriendelijk maar ook makkelijk te omzeilen. Het is dus geen vervanging voor de validatie in PHP! In PHP moet je ook de velden (blijven) valideren.

Reageren

Inloggen om te reageren