Question

我对Parsley.js框架有疑问。

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

我的Testsite：

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

是否有人发现我的代码存在问题导致其无法正常运行？

Answer 1

从Parsely.js 2.0开始，你可能正在使用错误的标签：

data-parsley-equalto="#anotherfield"

Answer 2

如果您尝试做的是确保在提交表单之前密码1 和密码2 相同，那么根据文档（{{3您需要为要匹配的字段设置 id 。并设置字段一以查找字段二的 id ，反之亦然。

Equalto＃2.0 data-parsley-equalto =＆＃34;＃anotherfield＆＃34;验证了 value与另一个字段的值相同（对密码有用）确认检查）。

请参阅下面的示例代码：

<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 的详情，请查看他们的http://parsleyjs.org/doc/#psly-validators-list。如果这是您正在寻找的，请将此标记为答案。谢谢！

Answer 3

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

Answer 4

<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>

数据equalto =＆＃34;＃id_of_compare_field＆＃34;

Parsley.js密码确认不起作用

4 个答案: