Envoi d'un formulaire par ajax
Bonjour j'ai besoin d'aide je ne trouve pas mon erreur
J'ai fais un formulaire et envoi par ajax mais le champ commentaire ne veux pas passer , j'ai toujours le message champ vide pas de saisie et pourtant je saisie bien du texte .
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
|
<!-- AJOUT NEWS ------------------------------------------------------>
<script type="text/javascript">
$(function() {
$("#news").click(function() {
var pseudo = $("#pseudo").val();
var titre_new = $("#titre_new").val();
var commentaire = $("#commentaire").val();
var url= $("#url").val();
var dataString = 'pseudo=' + pseudo + '&titre_new=' + titre_new + '&commentaire=' + commentaire + '&url=' + url;
if(pseudo=='' || titre_new=='')
{
alert('Des champs vide non saisie pour ajout New , pas bien !');
} else { $("#flashNews").show(); $("#flashNews").fadeIn(400).html('<img src="http://www.****/Web/***/Fiche/images/loader.gif" width="25" height="25" ALIGN="ABSMIDDLE"> <span class="loading"> <span style="color: #009135 ;">Merci , Enregistrement de votre New en base données...</span></span>');
$.ajax({
type: "POST",
url: "Ajax_PHP/validation_News12.php",
data: dataString,
cache: false,
success: function(html){
$("ol#updateNews").append(html);
$("ol#updateNews li:last").fadeIn("slow");
document.getElementById('pseudo').value='';
document.getElementById('titre_new').value='';
document.getElementById('commentaire').value='';
document.getElementById('url').value='';
$("#pseudo").focus();
$("#flashNews").hide();
}
});
}
var timeout = null;
setInterval(function () {
if ( serverReachable ()) {
if (timeout === null) {
timeout = setInterval(function(){window.location.href = "";},10000);
} } else { clearTimeout(timeout); timeout = null;
// ...
}
}, 250);
function serverReachable() {
var x = new ( window.ActiveXObject || XMLHttpRequest )( "Microsoft.XMLHTTP" ),
s;
x.open(
"HEAD",
"//" + window.location.hostname + "/?rand=" + Math.random(),
false
);
try { x.send(); s = x.status; return ( s >= 200 && s < 300 || s === 304 );
} catch (e) {
return false;
}
}
return false;
});
});
</script> |
Mon formulaire
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
|
<!-- AJOUTER UNE NEW -->
<!-- ****************************** -->
<?php if($_SESSION['privilege'] >= 100) {?>
</br><div id="flip_news"><h4><img class="image_a_gauche" name="favoris" src="images2014/news.png" width="35" height="35" alt=""><?php echo ' '.$_SESSION['login'].''; ?> Vous désirez poster une New ? <img class="image_a_droite" name="favoris" src="images2014/clipart_fleches_0337.png" width="30" height="30" alt=""></h4></div>
<div id="panel_news">
<section>
<h2>Poster une News</h2>
<ul class="link-list">
<form action="#" method="post">
<input type="text" name="pseudo" value="<?php echo '' .$_SESSION['login'].' '; ?>" id="pseudo"/>
<input type="text" name="titre_new" style="width:480px;" placeholder="Saisie du titre de la News" id="titre_new"/></br>
<textarea name="commentaire" rows="3" cols="100" id="commentaire"> </textarea></br>
<input type="text" name="url" style="width:480px;" placeholder="Saisie du lien information (Non requis)" id="url"/></br>
<input class="button" id="news" type="submit" name="news" value="Envoyer votre messsage" />
</form>
</ul>
</section>
</div>
<div id="flashNews" align="left" ></div>
<?php }?> |
Merci d'avance pour votre aide