md-wählen Sie - wie die Kraft, die benötigt wird?

Wie kann ich Kraft md-select im multiple-Modus Verhalten sich genauso wie die

<select multiple required ... >

?

Hier ist die Geige, um zu zeigen, was ich meine. In diesem Beispiel, mein browser lässt mich nicht senden Sie das Formular ohne die Auswahl von mindestens 1 option aus dem select-tag.

Ich will md-wählen Sie sich ähnlich Verhalten, aber ich weiß nicht wie ich es machen kann - weder setzen "erforderlich" - Attribut noch hinzufügen 'ng-verlangen" - Richtlinie hilft.

InformationsquelleAutor slnowak | 2015-06-18
  1. 5

    Den Sie sich verlassen können Winkel dazu die Validierung für diese, anstatt den browser. Hier ist meine Gabel Beispiel:

    http://codepen.io/anon/pen/rVGLZV

    Speziell:

    <button type="submit" ng-disabled="myForm.$invalid">submit</button>

    Halten Sie die senden-Schaltfläche deaktiviert, bis das Formular gültig ist und,

    <form novalidate name="myForm">

    Namen der form und dem browser mitteilen, nicht, um seine eigenen überprüfung auf.

    Könnte man noch hinzufügen, dass einige CSS-Klasse ng-invalid zu zeigen, rot rund um die ungültige Felder.

    BEARBEITEN: Stellen Sie sicher, Sie setzen einen ng-model auf Ihre <select multiple>, sonst wird das erforderliche Attribut wird nicht funktionieren.

    • Ja, ich weiß, ich kann spielen mit novalidate und eckig. Aber gibt es eine Möglichkeit, auf die Sie sich verlassen browser? Ich möchte vermeiden, schreiben Sie benutzerdefinierte css für Fehlermeldungen jetzt.
    • Ich spielte mit ihm für ein bisschen, aber ich kann nicht scheinen, um es zu arbeiten. md-wählen Sie nicht ein form-element, so denke ich, dass browser Formular-Validierung wird nicht ausgelöst, auf es.
    • Ok, danke dann.
    • Ich überprüfte das snippet mal wieder und es ist ein merkwürdiges Verhalten: wenn Sie wählen Sie eine option im md-wählen Sie, und wählen Sie das Feld, Schaltfläche aktiv ist. Es muss aber nicht deaktivieren ich Sie deaktivieren md-Werten vollständig.
    • Dies scheint nicht, wie vorgesehen Verhalten. Ich kam eigentlich in Ihrem Github-post, während versuchen, eine Lösung zu finden, so lassen Sie mich wissen, wie das geht. Es gibt wohl hacky Möglichkeiten zu bekommen, um es, wie wenn man ein $ - Uhr auf die Staaten und zurücksetzen auf die leere Zeichenkette, falls es ein leeres array.
    • Wie bereits erwähnt, von einem guten UI-Sicht ist es wichtig zu betonen, die Fehler Felder, die mit einer benutzerdefinierten Nachricht, als Sie einfach deaktivieren Sie die Schaltfläche "senden" (die eine Menge Leute tun). Betrachten Sie es aus der user-Perspektive ist es wichtig, um dem Benutzer mitzuteilen, warum der button deaktiviert ist dann nur das deaktivieren, bis das Formular gültig ist (Programmgeber-Perspektive)

    InformationsquelleAutor Zack Tanner
  2. 1

    Wenn Sie nicht möchten, zu deaktivieren, submit-button, aber anstatt trigger-Fehler beim Absenden-button getroffen wird, können Sie die $berührt Eigenschaft auf true, um trigger gewünschte alert -

    yourFormName.mdseletName.$touched=true;
    InformationsquelleAutor Anirudha
Schreibe einen Kommentar