Ich habe Felder in einem AUI-Formular, die nur benötigt werden, wenn ein entsprechendes Kontrollkästchen ausgewählt ist, andernfalls sind sie nicht erforderlich. Ich werde diese Eingabefelder mit <aui:script>
aktivieren, sobald das Kontrollkästchen aktiviert ist und erst dann sollte die AUI-Validierung funktionieren.Wie kann die AUI-Validierung nur angewendet werden, wenn ein Kontrollkästchen aktiviert ist?
Ich habe versucht, mit der <aui:validator>
abhängigen Bedingung im Skript zu verstecken.
Wie aktiviere ich die Validierung nur, wenn mein Kontrollkästchen in aui ausgewählt ist?
<aui:form action="" method="post">
<aui:input type="checkbox" name="employeeId" id="employeeId"></aui:input>
<div id="employeeDetails">
<aui:input type="text" name="name" id="employeeId2">
<%
if (true) { //default i kept true how to check this condition on check box basic
%>
<aui:validator name="required"' />
<%
}
%>
</aui:input>
<aui:input type="text" name="email" id="employeeId3">
<%
if (true) {
%>
<aui:validator name="required" />
<%
}
%>
</aui:input>
</div>
<aui:button-row>
<aui:button type="submit" />
</aui:button-row>
</aui:form>
<aui:script>
AUI().use('event', 'node', function(A) {
A.one('#employeeDetails').hide(); // to hide div by default
var buttonObject = A.all('input[type=checkbox]');
buttonObject.on('click', function(event) {
if (A.one("#<portlet:namespace/>employeeId").attr('checked')) {
A.one('#employeeDetails').show(); //for checked condition
} else {
A.one('#employeeDetails').hide(); // for non checked condition
}
});
});
</aui:script>
Referenzbilder:
Bevor Sie das Kontrollkästchen ermöglicht
[]
Kontrollkästchen aktiviert:
[]
nächstes Mal, wenn Sie eine Frage fragen: [nach einem Ort, Entscheide oder klar zu stellen verknüpfen Sie Ihre Crosspostings] (http://meta.stackexchange.com/questions/141823/why-is-cross-posting-falsch-auf-einer-externen-seite) –