Aurelia-Validierung - Validierung mehrerer Kontrollkästchen oder Funkgeräte

Question

Ich versuche zu validieren, dass mindestens 1 Kontrollkästchen wurde mit dem Aurelia-Validator ausgewählt. Ich ging davon aus, dass die Verwendung der minItems() -Methode ausreichend wäre, aber es scheint, dass ich dies nur durch einen "Hack" mit einem versteckten Element, das auf mein Array zeigt, ausführen kann. Kennt jemand eine einfachere Herangehensweise?

Answer 1

Wenn Sie mit Gruppen von Funkgeräten oder Checkboxen arbeiten, ist es am einfachsten, die Validierung auf die Gruppe statt auf jedes einzelne Eingabeelement zu setzen. Dieser Ansatz erfordert das Erstellen eines benutzerdefinierten Elements für "checkbox-group" und/oder "radio-group". Hier ist ein Beispiel für eine Checkbox Gruppe mit Validierung:

checkboxes component that is compatible with validation

<label id="color1"> 
    Colors 1: 
    <checkbox-select items-source.bind="colors" 
        value.bind="colors1 & validate" 
        aria-labelledby="color1"> 
    </checkbox-select> 
</label> 

radio group component that is compatible with validation