jQuery验证在第二遍不起作用

时间:2019-01-14 15:20:00

标签: jquery validation

我有一个密码更新表单,该表单将jQuery验证用于三个字段。第一次显示表单时,验证功能可以正常运行;如果输入的数据有效,则第二次显示成功消息和表单。如果用户第二次单击表单时单击“提交”按钮,则该表单将被提交而无需任何验证。

需要注意的一件事是,尽管我不确定它是否很重要,但是在同一个js文件中存在针对多个表单的验证规则,因为这些表单都位于同一页面上并通过show / hide显示js。

此外,当显示成功消息时,对我的其他表单(预订表单)的验证也不起作用,但是,一旦密码更新表单上方的成功消息被任何其他数据替换,所有验证都将正常工作。

为什么在密码更新表单上方显示成功消息时,密码更新表单的验证在下一次提交时不起作用?

成功后,将生成以下输出:

bigint

,然后添加以下内容:

$output = '<p class="message">Your password has been updated.</p>

并显示:

    <!-- php snippet -->

   $output .=    '<form method="post" action="thispage.php" method="post" name="updatepassword" id="updatePasswordForm">
       <input type="hidden" value="updatePassword" name="task">
       <table class="members">
       <tr>
       <td class="formlabel top">Current Password: </td>
       <td><input name="currentpassword" id="currentpassword" type="password" size="30" class="inputbox" placeholder="Your Current Password"></td>
       </tr>
       <tr>
       <td class="formlabel top">New Password: </td>
       <td><input name="newpassword" id="newpassword" type="password" size="30" class="inputbox" placeholder="Your New Password"></span></td>
       </tr>
       <tr>
       <td class="formlabel top">Re-enter New Password: </td>
       <td><input name="newpassword2" id="newpassword2" type="password" size="30" class="inputbox" placeholder="New Password Again for Validation"></td>
       </tr>
       <tr>
       <td colspan="2" class="center"><input type="submit" name="Submit" class="button" value="Update Password"></td>
       </tr>
       </table>
       </form>  ';

    <!-- end snippet -->

js:         

    echo $output;

1 个答案:

答案 0 :(得分:-1)

此问题已解决。

当页面加载成功消息时,我未能包含所需的jQuery代码和库。当我重新添加它时,它就完美运行了。