使用jQuery表单向导需要单选按钮组?

时间:2014-03-20 13:25:04

标签: javascript jquery forms validation

我使用jQuery表单向导(http://www.thecodemine.org/)将表单转换为向导。我有五页,每页有四个单选按钮。每个页面必须至少选中一个单选按钮,否则我不希望向导能够提交。

jQuery表单向导有一个必需的方法,但它不适用于单选按钮。是否可以将它们分组?或者使用其他必需的方法?

工作演示:http://suitunion.danielholm.se/customize/customize.php?type=suit&pid=38&vid=53

1 个答案:

答案 0 :(得分:0)

好的,这真的很容易。 jQuery表单也解决了单选按钮组。只需在表单脚本中添加验证,然后添加所需的单选按钮名称和要显示的消息。

示例:您的单选按钮组包含输入类型无线电,所有名称均为"属性"。此外,他们每个人都需要班级"必需"。

<script type="text/javascript">
    $(function(){
        $("#measure").formwizard({
            validationEnabled:true,
            focusFirstInput:true,
            validationOptions : {
                rules: {
                    attributes: "required",
            },
                messages: {
                    attributes: "Please choose attribute of the lapel options.",
                }
            }
            }
        );
    });
</script>