Popup für Formularfelder in zend Anwendung

ich eine Zend basierte PHP-Anwendung erstellt haben.Popup für Formularfelder in zend Anwendung

Ich suche eine einfache Art und Weise ein Popup oder staubsauger-over-Hilfe zu erstellen, die ich verwenden kann, um Benutzerhilfe für die Felder zur Verfügung zu stellen, die der Benutzer eingeben soll.

Ich glaube, ich Javascript erforderlich, und für die Zend Formularelemente einige Dekorateur. Aber ich konnte nicht herausfinden, wie es funktionieren sollte. Vielleicht brauche ich auch etwas CSS?

Hat jemand ein Beispiel haben.

freundlichen Grüßen Vincent

Quelle

2012-04-07 vmulder

können Sie die jQuery-Plugin für die Validierung verwenden, die die Form von der Abgabe verhindern würde, bis die erste Ebene Prüfungen bestanden wurden. Weitere Informationen finden Sie auf der Dokumentationsseite von jquery. Aber vertraue diesen Schecks niemals. Sie sollten immer eine Benutzereingabe im Backend

http://docs.jquery.com/Plugins/Validation

oder Sie verwenden diese, bezogen auf jquery

<!DOCTYPE html> 
<html> 
<head> 
    <title>Form Info</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $(':input.form-input').live('focus', function(){ //get input field 
     $(this) 
     .closest("div") //get up to div element 
     .find(".form-info") //and search for corresponding form-info class to that input field 
     .show(); //show it 
     }).live('blur', function(){ 
     //once you leave the input field you might to some things 

     //... 

     //or just remove the element 
     $(this) 
     .closest("div") //get up to div element 
     .find(".form-info") //and search for corresponding form-info class to that input field 
     .hide(); //hide it 
     }); 
    }); 
    </script> 

</head> 
<body> 

    <div> 
     <input type="text" name="blub" value="" class="form-input" /> 
     <span class="form-info" style="display:none;">my info to the customer</span> 
    </div> 

</body> 
</html>

Quelle

2012-04-07 12:16:46 MatthiasLaug

und wie Sie im Beispiel sehen können, ist der Code css, wenn ziemlich einfach zu Ihrem Layout – MatthiasLaug

Ich glaube nicht einstellen @ vmulder Frage nach Form Validierung, aber mehr über Feldbeschreibung. – Liyali

aber das könnte zu der gleichen Auflösung kommen. Bei Verwendung der Form valdation in Javascript (hier jquery) ist es nur eine Frage des Timings, wann Sie den Validierungstext für jedes Feld anzeigen. ** Nachdem der Absenden-Button angeklickt wurde **: Formular-Validierung // ** Sobald ein Kunde ein Formular-Feld eingibt **: Hinweise für die Kunden wie benötigt in der Frage – MatthiasLaug

Ich glaube, Sie suchen eine Werkzeugspitze für Ihre Steuerelemente validieren.

Check this out jQuery Tooltip Plugin Demo

oder diese jQuery tools: tool tip

Quelle

2012-04-07 15:21:00 Songo

Ja, das sieht gut aus. Ich werde herausfinden, wie ich das in meiner Zend-Anwendung bekomme! Danke vielmals. – vmulder

@Vmulder froh, ich war der Hilfe. Vergiss nicht, diese Antwort zu akzeptieren, wenn sie dein Problem löst;) – Songo

Popup für Formularfelder in zend Anwendung

Antwort

Verwandte Themen