2009-08-10 6 views
7

J'utilise le plugin jQuery watermarkinput pour placer du texte de conseil dans les champs de saisie de la zone de texte. Lorsque la page est renvoyée au serveur, les valeurs du filigrane sont POSTed comme valeurs de zone de saisie. Comment puis-je empêcher les valeurs du filigrane d'être POSTées?jQuery watermarkinput plugin POSTs valeurs de filigrane sur le serveur

+0

Pouvez-vous s'il vous plaît donner un exemple de code afin que nous puissions voir avec quoi vous travaillez? – idrumgood

Répondre

5

court de validation contre le texte du filigrane sur la soumission, vous êtes coincé. Le plugin de filigrane ( digitalbush.com) ne peut pas vous aider avec cela.

Modifier
Apparemment, il peut (globalement). Comme décrit dans le commentaire:

$.Watermark.HideAll(); // hide's all watermark text 
$.Watermark.ShowAll(); // restores watermark text 
+0

$ .Watermark.HideAll(); à partir de votre lien fait l'affaire - merci – Guy

+0

Merci, je l'ai cherché pendant tant de jours – learning

0

Je ne connais pas ce plugin, mais les champs de formulaire ont une classe qui lui est affectée lorsque le filigrane est affiché (très probablement). Avant de soumettre, vérifiez le champ pour la classe de filigrane et s'il est présent, définissez la valeur du champ à vide.

0

Semble que votre texte d'indice soit directement ajouté à la valeur de l'entrée. D'où étant envoyé dans les données POST. Je suppose que vous avez essayé de superposer le texte de l'indice en utilisant le plugin de filigrane (bien que je ne suis pas familier avec ce plugin), mais il ne semble pas fonctionner.

Je mettrai à jour la réponse quand la question aura plus d'information.

2

Je ne suis pas familier avec le plugin. Mais, vous pouvez ajouter un gestionnaire d'événement onsubmit() à votre formulaire et vérifier si la boîte de saisie qui contient le texte en filigrane en question et l'effacer avant de soumettre comme dans l'exemple simplifié ci-dessous.

<form id="myform"> 
<input type="text" id="myWatermarkedBox" value="Watermark Text"/> 
</form> 

Puis dans votre javascript:

$(function(){ 
$("myform").submit(function(){ 
    if($("myWatermarkedBox").val() == "Watermark Text")){ 
     $("myWatermarkedBox").val(''); 
    } 
}); 
});