繁体   English   中英

flex4-CheckBox和RadioButton验证

[英]flex4 - CheckBox and RadioButton validation

在我的应用程序中,我同时具有单选按钮和复选框。 在这里,当我移至下一个控制时,我想同时验证CheckBox和RadioButton。

编辑:

我的编码在这里

<fx:Declarations>
    <s:RadioButtonGroup id="genderOption"/>

    <mx:StringValidator
        id="radioButtonValidator"
        source="{genderOption}"
        property="selectedValue"
        trigger="{groupLevel}"
        listener="{groupLevel}"
        required="true"
        requiredFieldError="field is required"/>

    <mx:StringValidator
        id="checkBoxValidation"
        source="qualificationGroup"
        required="true"
        property="selectedValue"
        listener="{qualificationGroup}"
        requiredFieldError="field is required"/>
</fx:Declarations>
<s:layout>
    <s:HorizontalLayout/>
</s:layout>

<mx:HDividedBox width="100%" height="100%">
    <s:Panel id="mainPanel" title="Employee Details" height="100%" width="50%">
        <s:Form id="mainForm" height="100%" width="100%" left="10%" right="10%" top="10%">
            <s:FormItem id="genderLabel" label="Gender" showErrorSkin="true" showErrorTip="false">              
                <s:HGroup id="groupLevel">
                    <s:RadioButton group="{genderOption}" label="Male" id="male" selected="false"/>
                    <s:RadioButton group="{genderOption}" label="Female" id="female" selected="false"/>
                </s:HGroup>
            </s:FormItem>
            <s:FormItem id="quaLabel" label="Qualification" showErrorSkin="true" showErrorTip="false">
                <s:HGroup id="qualificationGroup">
                    <s:CheckBox id="bsc" label="B.Sc"/>
                    <s:CheckBox id="be" label="BE"/>
                    <s:CheckBox id="mca" label="MCA"/>
                    <s:CheckBox id="mba" label="MBA"/>
                    <s:CheckBox id="others" label="Others"/>
                </s:HGroup>
            </s:FormItem>
        </s:Form>
    </s:Panel>  
</mx:HDividedBox>   

我是flex的新人。 如果我使用更改或单击事件,它将通过警报框显示错误消息。 但我不要警报框。 还有其他显示错误消息的方法吗?

当您移至下一个控件时,添加和事件侦听器以调用函数以执行验证检查。

没有更多信息,我不能说哪个事件侦听器将适用,但是很可能是单击事件。

<Script>
<![CDATA[
    protected function validate_HDivide(event:MouseEvent):void
    {
        if(mycheckboxes.validate())
        {
            //do things
        }
        else
        {
            //display error
        }
    }
<s:HDividedBox id="mycheckboxes" change="validate_HDivide(event)"/>
<s:Button label="submit" click="validate_HDivide(event)"/>

然后在您的HDividedBox中,您可以执行验证

那就是我会怎么做,希望能有所帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM