8

我对 Parsley.js 框架有疑问。

我的问题是密码和密码确认具有相同的输入，但是如果单击提交按钮，则会出现错误消息。

这是我的测试站点：

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

（德语密码=密码和密码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

有人看到我的代码有问题会导致它无法运行吗？

4

4 回答 4

19

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

data-parsley-equalto="#anotherfield"
于 2016-03-02T19:58:41.317 回答
4

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

Equalto #2.0 data-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的更多信息，请查阅他们的文档。如果这是您要查找的内容，请将其标记为答案。谢谢！

于 2015-09-16T19:37:17.017 回答
0

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

于 2014-11-22T14:28:01.130 回答
0 
<div class="half right">
    <p>
       <label for="category" class="dropdown_label">Passwort</label>
       <input id="passwort" type="password" name="passwort" data-required="true" id="passwort">
    </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>

data-equalto="#id_of_compare_field"

于 2015-12-10T09:13:06.147 回答