Parsley.js密码确认不起作用

Question

我对Parsley.js框架有问题。

我的问题是密码和密码确认有相同的输入，但如果单击提交按钮，我会收到一条错误消息。

这是我的测试站点：

http://topkosmetikstudios.de/release/index.php?article_id=21

(德语密码= password和password wiederholen =密码确认)

下面是我的代码：

<div class="half right">
    <p>
        <label for="category" class="dropdown_label">Passwort</label>
        <input type="password" data-equalto="#eqalToModel" name="passwort" data-required="true" <?php echo ($_POST['passwort'])? $_POST['passwort']:""; ?>>
    </p>

</div>
<div class="half left">
    <p>
        <label for="category" class="dropdown_label">Passwort wiederholen</label>
        <input type="password" data-equalto="#eqalToModel" name="passwort_w" data-required="true">
    </p>
</div>

我使用了Parsley.js参数data-equalto="#elem"，但它不起作用。

这里是Parsley.js文档：http://parsleyjs.org/documentation.html

有没有人看到我的代码中有问题，会导致这个不起作用？

Answer 1

从Parsely.js 2.0开始，您可能使用了错误的标记：

data-parsley-equalto="#anotherfield"

Answer 2

如果您尝试做的是在提交表单之前确保password 1和password 2相同，那么根据文档(http://parsleyjs.org/doc/#psly-validators-list)，您需要为要匹配的字段设置id。并设置字段一以查找字段二的id，反之亦然。

Equalto #2.0data-parsley-equalto=“#anotherfield”验证值是否与另一个字段的值相同(用于密码确认检查)。

参见下面的示例代码：

<div class="half right">
    <p>
       <label for="category" class="dropdown_label">Passwort</label>
       <input id="passwort" type="password" data-equalto="#passwort_w" name="passwort" data-required="true">
    </p>

</div>
<div class="half left">
    <p>
        <label for="category" class="dropdown_label">Passwort wiederholen</label>
            <input id="passwort_w" type="password" data-equalto="#passwort" name="passwort_w" data-required="true">
     </p>
</div>

有关Parsley.js的更多信息，请查看他们的documentation。如果这是您要查找的内容，请将此标记为答案。谢谢!

Answer 3

尝试设置第一个密码输入的id (即" password ")，然后将第二个输入的data-equalto属性设置为相同的值(即"#password")，它应该可以正常工作。如果它不工作，您可能希望检查parsley.js是否正确加载。希望这能有所帮助。