<?php
if (username == '')
{
$data['username'] = 'vide';
}
// ainsi de suite
?>
Code : Tout sélectionner
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function() {
$.post("check.php",
$("form"), function(data) {
if( data.username == "vide" )
{
$("#msg").html('username est vide');
}
// ainsi de suite
</script>
[code]
Les 2 exemple ne contiennent pas json
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TutDepot - Form Demonstration</title>
<style type="text/css">
@import "styles.css";
</style>
<script type="text/javascript" src="../../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form.register").change(function() {
$.post("check.php", $("form.register").serialize(), function( data ) {
if( data.username == "inuse" )
$("p#username_error").slideDown();
else
$("p#username_error").hide();
if( data.password == "missmatch" )
$("p#password_error").slideDown();
else
$("p#password_error").hide();
if( data.email == "notvalid" )
$("p#email_error").slideDown();
else
$("p#email_error").hide();
}, "json");
});
});
</script>
</head>
<body>
<form action="" method="post" class="register">
<fieldset>
<legend>registration</legend>
<input type="text" name="username" value="" />
<label>desired username</label>
<p id="username_error" class="error">That Username is unavailable</p>
<input type="password" name="password" value="" />
<label>password</label>
<input type="password" name="password_again" value="" />
<label>password Again</label>
<p id="password_error" class="error">Passwords do not match</p>
<input type="text" name="email" value="" />
<label>email</label>
<p id="email_error" class="error">Email is not valid</p>
<input type="submit" name="submit" value="register" />
</fieldset>
</form>
</body>
</html>
<?php
$usernames = array( "martynj", "admin", "bob", "dave", "fred" );
$data = array( "username" => "", "password" => "", "email" => "" );
if( isset($_POST["username"]) ) {
if( in_array( $_POST["username"], $usernames ) ) {
$data["username"] = "inuse";
}
}
if( isset($_POST["password"]) && isset($_POST["password_again"]) ) {
if( $_POST["password_again"] != "" && $_POST["password"] != $_POST["password_again"] ) {
$data["password"] = "missmatch";
}
}
if( isset( $_POST["email"] ) ) {
if( $_POST["email"] != "" && !preg_match( "/^([a-zA-Z0-9])+([a-zA-Z0-9\._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9\._-]+)+$/", $_POST["email"] ) ) {
$data["email"] = "notvalid";
}
}
echo json_encode( $data );
?>
Bah ces exemples ne contiennent pas json parce qu'il n'y en avait pas besoin, mais tu peux toujours le rajouter par la suite. Cela va juste te retourner un tableau plutôt qu'une valeur.Les 2 exemple ne contiennent pas json
$.ajax({
type: "POST",
url: 'requete_json.php',//url de destination de la requête
data: $("#mon_form").serialize(),//pour envoyer tous les input du formulaire ayant l'id= mon_form
dataType: "json",//type de données de retour
success: function(result)
{
$.each(result,function(index, value) //liste le tableau
{
alert(index+' : '+value);
})
}
});<?php
header('Content-Type: application/json');
$tab = array('2','4','6','8','10');
echo json_encode($tab);
?><head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
var name = $('#name_ajax').attr('name_ajax');
function check_name() {
dataString = $("#JqAjaxForm").serialize();
$.ajax({
type: "POST",
url: "check.php",
data: dataString,
dataType: "json",
success: function(data) {
if(data.name_check == "invalid"){
$("#nMsg").html("Nom invalide");
} else {
$("#nMsg").html(name + " est valide");
}
}
});
}
$("#name_ajax").keyup(check_name);
return false;
});
</script>
</head>
<form id="JqAjaxForm">
<fieldset>
<legend>jQuery.ajax Form Submit</legend>
<p><label for="name_ajax">Name:</label><br />
<input id="name_ajax" type="text" name="name_ajax" /><span id="nMsg"></span></p>
<p><label for="email_ajax">Email:</label><br />
<input id="email_ajax" type="text" name="email_ajax" /><span id="eMsg"></span></p>
<p><input type="submit" value="Submit" /></p>
</fieldset>
</form>
<?php
$email_check = '';
$return_arr = array();
$name_ajax = $_POST['name_ajax'];
if(mb_strlen($name_ajax, 'utf-8') < 3)
{
$name_check = 'invalid';
}
else
{
$name_check = 'valid';
}
$return_arr["name_check"] = $name_check;
echo json_encode($return_arr);
?>
$("#nMsg").html(name + " est valide");
Code : Tout sélectionner
var name = $('#name_ajax').attr('name_ajax');
je pense que le nom le comporte:Le HTML ne possède aucune balise possédant un attribut nommé "name_ajax".Code : Tout sélectionner
var name = $('#name_ajax').attr('name_ajax');
Donc tu n'as rien dans la variable name.
<input id="name_ajax" type="text" name="name_ajax" />
var name = $('#name_ajax').val();
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
function check_name() {
dataString = $("#JqAjaxForm").serialize();
$.ajax({
type: "POST",
url: "check.php",
data: dataString,
dataType: "json",
success: function(data) {
if(data.name_check == "invalid"){
$("#nMsg").html("Sorry invalid name, please try again.");
} else {
$("#nMsg").html(data.name + " is a valid name. Thank you, " + data.name);
}
}
});
}
$("#name_ajax").keyup(check_name);
return false;
});
</script>
</head>
<form id="JqAjaxForm">
<fieldset>
<legend>jQuery.ajax Form Submit</legend>
<p><label for="name_ajax">Name:</label><br />
<input id="name_ajax" type="text" name="name_ajax" /><span id="nMsg"></span></p>
<p><label for="email_ajax">Email:</label><br />
<input id="email_ajax" type="text" name="email_ajax" /><span id="eMsg"></span></p>
<p><input type="submit" value="Submit" /></p>
</fieldset>
</form>
<div id="message_ajax"></div>
<?php
ob_start();
$return_arr = array();
$name_ajax = $_POST['name_ajax'];
$email_ajax = $_POST['email_ajax'];
if(mb_strlen($name_ajax, 'utf-8') < 2)
{
$name_check = 'invalid';
}
else
{
$name_check = 'valid';
$name = $name_ajax;
}
if(mb_strlen($email_ajax, 'utf-8') < 2)
{
$email_check = 'invalid';
}
else
{
$email_check = 'valid';
$email = $email_ajax;
}
$return_arr["name_check"] = $name_check;
$return_arr["email_check"] = $email_check;
$return_arr["name"] = $name;
$return_arr["email"] = $email;
echo json_encode($return_arr);
header('Content-Type: application/json');
ob_end_flush();
?>
<?php
header('Content-Type: application/json');
$return_arr = array();
//...
?>
// verifier le nom
function check_name() {
$.ajax({
});
}
// verifier l'email
function check_email() {
$.ajax({
});
}
Je partage ce point avec toi, le seul incomvenient JS est que le code est visible par l'utilisateur, si jamais on fesait une betise au niveau des verifications on peut etre choppeMais encore une fois cela ne te sert à rien de faire ce genre de vérif avec une requête vers php.
STRICTEMENT A RIEN à part d'encombrer le serveur avec des requêtes inutiles.
Que ton code javascript soit mal écrit par le développeur ou qu'il soit désactivé par le visiteur, c'est un problème javascript et les données contrôlées par javascript doivent être normalement revalidées en php hors dépendance javascript.Je partage ce point avec toi, le seul incomvenient JS est que le code est visible par l'utilisateur, si jamais on fesait une betise au niveau des verifications on peut etre choppeMais encore une fois cela ne te sert à rien de faire ce genre de vérif avec une requête vers php.
STRICTEMENT A RIEN à part d'encombrer le serveur avec des requêtes inutiles.
Voila la raison duquelle j'ai mis ce genre de verification