Kontaktformular - Validierung mehrerer Felder prüfen

[Lilos]

Hallo liebe Flash'er,

nach langem hin und her wollte ich mich langsam in die objektorientierte Programmierung wagen und mir dabei eine kleine Aufgabe stellen.
Das Endprodukt soll eine Art Kontaktformular sein. Dabei habe ich einen Submitbutton, der bei Click ein Event einwirft, welchen alle InputFelder hören und beginnen ihre Validierung zu starten.

PHP-Code:

        public function init() {
            // Erstellen eines neuen Buttons
            var submitButton:Button = new Button;
            // Positionierung des Buttons
            this.x = this.positionX;
            this.y = this.positionY;
            this.label = this.buttonLabel;
            
            addEventListener(MouseEvent.CLICK, clickHandler);
        }
        
        private function clickHandler (e:Event) {
            stage.dispatchEvent(new Event('startValidate'));
        } 


Die Input-Felder validieren alle wunderbar und liefern ein Trace mit ihrem Validierungsstatus zurück.
Wie jedoch, kann ich nun meinem SubmitButton bzw. meiner eigenen Klasse zum versenden der Daten bescheid geben, wenn alle Felder valide sind? Alle Felder validieren sich ja unabhängig und wissen voneinander nichts.

Eventuell eine Eigenschaft setzen und prüfen, ob alle (notwendigen Felder) einen Validierungsstatus von 1 haben? Oder doch lieber irgendwie ein Event schmeißen, sodass das versenden so angekurbelt wird?

Ich stehe aktuell ein wenig auf dem Schlauch. Wenn mir jemand den ein oder anderen Tipp geben könnte, wäre dies spitze - vielen lieben Dank.

[shin10]

Also die ganzen this kannst du weglassen. Das braucht es wenn überhaupt im Konstruktor.

Was soll die stage mit deinem Event anfangen? Wenn du das mit einem Event machen möchtest, dann ist das Event doch nur für das Formular interessant.

Wie ist das denn bisher strukturiert? Der Codeschnipsel macht mir das jetzt nicht klar. Mal abgesehen davon, dass der handler ja nur ein anderes Event feuert (warum dieser Umweg?).

mfg

sx

[Lilos]

Vielen Dank für deine Antwort.

Die this kann ich rausschmeißen, stimmt.
Meine bisherige Konstruktion ist folgende:
Meine MainClass fügt im Konstruktor den ContentContainer hinzu:

PHP-Code:

public class main extends MovieClip {
    public function main() {
        addChild(new ContentContainer);
    }
} 


In den ContentContainer werden alle Elemente geworfen, die später auf die Bühne sollen.

PHP-Code:

public class ContentContainer extends MovieClip {

    public function ContentContainer():void {
        addEventListener(Event.ADDED_TO_STAGE, init);
    }
    private function init(event:Event):void {

        addChild (new Background(28, 0, 255));
                
        addChild (new SingleLineOfText('Kontaktformular', 'Verdana', 16, 0x000000, 2, 4.05, 'bold'));
                
        addChild (new MessageContainer(389.3,17.8));
                
        addChild(new SubmitButton('Abschicken', 490, 506));
                
        addChild(new InputContainer('vorname_input', 297.65, 93));
        addChild(new InputContainer('nachname_input', 327.65, 93));
        addChild(new InputContainer('email_input', 297.65, 377));
        addChild(new InputContainer('url_input', 327.65, 377));
                
        addChild (new ErrorMessage);
    }
} 


Ich wollte, dass meine inputContainer mitbekommen, wenn auf den SubmitButton gedrückt wird. Deswegen dachte ich mir, auf einen Klick, feuert der Button ein globales Event, auf welches (unteranderem) die inputContainer hören können.

Meine inputContainer sind wie folgt aufgebaut.

PHP-Code:

public class InputContainer extends MovieClip {        
    
    public var validationStatus = 0;
        
    public function InputContainer (objectName:String, positionY:Number = 0, positionX:Number = 0) {
        addEventListener(Event.ADDED_TO_STAGE, init);
            
        this.name = objectName;
        this.y = positionY;
        this.x = positionX;
            
    }
    private function init(e:Event) {
            stage.addEventListener('startValidate', validate);
    }
    private function validate(e:Event) {
        var validationErrors:Array = new Array();
                    
        var textfieldOfInputContainer:Object = this.getChildByName('input_txt');
        var currentTextOfTextfieldOfInputContainer:String = textfieldOfInputContainer.text;
        
        switch (this.name) {
            case 'email_input': 
                var regExForValidEMail:RegExp = /^([a-zA-Z0-9_-]+)@([a-zA-Z0-9.-]+).([a-zA-Z]{2,4})$/i;
                if (!regExForValidEMail.test(currentTextOfTextfieldOfInputContainer)) {
                    validationErrors.push('email');
                    stage.dispatchEvent(new Event('invalidEmailError'));
                }
            break;
            
            case 'url_input':
                if(currentTextOfTextfieldOfInputContainer.substr(0, 7) !== "http://") {
                    currentTextOfTextfieldOfInputContainer = "http://" + currentTextOfTextfieldOfInputContainer;
                }
            break;
 
            default:
                if (currentTextOfTextfieldOfInputContainer == "") {
                    validationErrors.push('empty');
                    stage.dispatchEvent(new Event('emptyInputError'));
                }
        }
        if (validationErrors.length === 0) {
            this.validationStatus = 1;
        } else {
            this.validationStatus = 0;
        }
    }
} 


Nun stehe ich vor dem Problem, meiner Klasse die zum versenden der Daten zuständig ist, bescheid zu geben, wenn alle Felder Valide sind.

Sicherlich werdet ihr viele kleine und große Schnitzer in meinen CodeSchnipseln finden. Gerne dürft' ihr auch dazu Verbesserungen schreiben, denn was ActionScript angeht bin ich noch blutiger Anfänger.
Vielen Dank für eure Antworten.

[Martin Kraft]

• Zunächstmal sollte man in AS3 grundsätzlich Sprites statt MovieClips verwenden (es sei denn natürlich die MovieClips enthielten tatsächlich Zeitleistenanimationen).
  
  
• Dann solltest Du in ContentContainer irgendwelche Referenzen (einzelne Variablen oder ein Array) zu Deinen Eingabefeldern anlegen, sonst wird's nur unnötig kompliziert später an sie ranzukommen.
  
  
• Diese Referenzen kannst Du dann einfach durchlaufen um alle Felder auf Validität zu überprüfen.
  
  
• Und das muss doch eigentlich garnicht dauernd geschehen, sondern nur dann, wenn der Nutzer den 'Abschicken'-Button drückt?!

[Lilos]

Danke euch. Die Tipps werde ich gleich mal umsetzten.