jquery - jquery htm5form 验证

Question

我在我的表单上使用 html5form 验证，但我有一个选择框，我可以在其中选择要填写的表单。

但我的验证不起作用......可以帮助我吗？

我的代码：

<script type="text/javascript">
$(document).ready(function(){
    $('#box1').hide();
    $('#box2').hide();

    $("#curso_atual").change(function(){
        if(this.value == 'all'){
            $("#boxes").children().hide();
            } else {
            $("#" + this.value).show().siblings().hide();
        }
    });

    $('#box1').html5form({
            responseDiv : '#response',
            messages: 'br',
            colorOn :'#f4e6b2',
            colorOff :'#f4e6b2',
            allBrowsers : true,
        });

    });



</script>

#box1是我的表单 ID，并且#box2是同一页面上另一个表单的 ID，我只是使用选择下拉菜单显示/隐藏。

我哪里错了？- 我的小提琴http://jsfiddle.net/QyLfH/1/

Answer 1

我解决了这个问题 - http://jsfiddle.net/QyLfH/3/

这是代码：

$('#box1').hide();
$('#box2').hide();

$("#curso_atual").change(function(){
    if(this.value == 'all'){
        $("#boxes").children().hide();
        } else {
        $("#" + this.value).show().siblings().hide();
        $("#" + this.value).html5form({
                    responseDiv : '#response',
                    messages: 'br',
                    colorOn :'#000000',
                    colorOff :'#000000',
                    allBrowsers : true
         });
    }
});