【问题标题】:It is not working on data-parsley-mincheck="2" with Parsley.js-2.0.0-rc4它不适用于带有 Parsley.js-2.0.0-rc4 的 data-parsley-mincheck="2"
【发布时间】:2014-03-22 03:06:33
【问题描述】:

当我检查我的表单时,它在控制台中显示“Y”。但我没有选中任何复选框。
在官方文档中,它说:

checkbox 需要有 name 或 id 属性才能正确 由 Parsley 绑定和验证。否则,它们将被忽略并 将在控制台中发出警告。

我在输入标签中设置了“名称”属性,而欧芹也没有显示:

被 Parsley、一个单选、一个复选框和一个多选绑定 输入必须有名称、id 或多个选项。

但它仍然不适用于 data-parsley-mincheck="2"。

在其他情况下,相同的代码适用于 parsly 版本 1.2.3 的 parsley-mincheck="2"。

所以,如果我对官方文档有任何错误(parsly 2.0.0-rc4)。

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <script src="jquery-1.11.0.min.js"></script>
        <script src="parsley.min.js"></script>
        <script>
            function checkMyForm(myform) {
                if($(myform).parsley().validate()) {
                    console.info('Y');
                } else {
                    console.error('N');
                }
            }
        </script>
    </head>

    <body>
        <form name="myform" action="" method="post" novalidate onsubmit="return false;">
            <div>
                <input name="mybox" type="checkbox" value="1" 
                        data-parsley-multiple="mytest"
                        data-parsley-mincheck="2" />&nbsp;Value-1&nbsp;&nbsp;
                <input name="mybox" type="checkbox" value="2" data-parsley-multiple="mytest"/>&nbsp;Value-2&nbsp;&nbsp;
                <input name="mybox" type="checkbox" value="3" data-parsley-multiple="mytest"/>&nbsp;Value-3&nbsp;&nbsp;
                <input name="mybox" type="checkbox" value="4" data-parsley-multiple="mytest"/>&nbsp;Value-4&nbsp;&nbsp;
                <input name="mybox" type="checkbox" value="5" data-parsley-multiple="mytest"/>&nbsp;Value-5&nbsp;&nbsp;
            </div>
            <!-- <div style="padding: 10px 0px;">
                <input name="mytext" type="text" data-parsley-required="true"/>
            </div> -->
            <a href="javascript: checkMyForm(document.myform);">Test Checkbox</a>
        </form>
    </body>
</html>

我发现了一些类似的问题:
How can I get Parsley.js to oupt 1 error for a group of radio buttons or checkboxes?

我尝试将我的 data-parsley-mincheck="2" 更改为最后一个复选框并添加必需的属性。
当我再次检查我的表单时,它也返回“Y”(但我没有选择任何复选框)。
因此,这不是问题的关键。

【问题讨论】:

    标签: javascript parsley.js


    【解决方案1】:

    2014/3/24,我发现官方文档(Parsley.js)的示例更新了。
    所以,我再次从 GitHub 下载 Parsley,并根据示例编辑我的代码:

    http://parsleyjs.org/doc/examples/simple.html

    喜欢:

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <title>Test</title>
            <script src="jquery-1.11.0.min.js"></script>
            <script src="parsley.js"></script>
            <script>
                function checkMyForm(myform) {
                    if($(myform).parsley().validate()) {
                        console.info('Y');
                    } else {
                        console.error('N');
                    }
                }
            </script>
        </head>
    
        <body>
            <form name="myform" id="myform" data-parsley-validate>
                <!-- <p>
                    <input name="myradio" type="radio" value="1" data-parsley-required="true"/>&nbsp;Value-1&nbsp;&nbsp;
                    <input name="myradio" type="radio" value="2"/>&nbsp;Value-2&nbsp;&nbsp;
                </p> -->
                <div>
                    <input name="mybox" type="checkbox" value="1" data-parsley-required="true" data-parsley-mincheck="2"/>&nbsp;Value-1&nbsp;&nbsp;
                    <input name="mybox" type="checkbox" value="2"/>&nbsp;Value-2&nbsp;&nbsp;
                    <input name="mybox" type="checkbox" value="3"/>&nbsp;Value-3&nbsp;&nbsp;
                    <input name="mybox" type="checkbox" value="4"/>&nbsp;Value-4&nbsp;&nbsp;
                    <input name="mybox" type="checkbox" value="5"/>&nbsp;Value-5&nbsp;&nbsp;
                </div>
                <a href="javascript: checkMyForm(document.myform);">Test Checkbox</a>
                <!-- <div style="background-color: gray; width:200px;" onclick="checkMyForm();">Test</div> -->
            </form>
        </body>
    </html>
    

    虽然我还不知道区别。但它现在正在工作。
    所以,我认为是时候将 parsley 从 1.2.3 更新到 2.0.0 rc4 了。

    【讨论】:

    • 我被困在这个问题上好几个小时了。谢谢。
    • 虽然复选框不应该具有与“名称”属性相同的值,如果您更正代码以更改它,我看不出复选框是如何链接的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-12-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-10
    • 1970-01-01
    相关资源
    最近更新 更多