修改编辑账户详细信息页面

Question

当前编辑账户详细信息页面包含以下字段：名字，姓氏，电子邮件地址，当前密码&新密码。现在我需要覆盖基本上提交表单以更新用户详细信息的“保存更改”按钮。在提交表单之前，我想要执行一个基于JavaScript的验证来检查用户的新密码。我怎样才能做到这一点？

顺便说一句我正在使用WooCommerce，如果这个问题在这里。

Answer 1

您可以使用woocommerce_edit_account_form_end动作注入您的自定义JS片段并进行验证。

这样

function add_my_account_edit_script() { ?> 

    <script type="text/javascript"> 
     (function($){ 
      $(document).ready(function(){ 
       $("form.edit-account").submit(function(){ 

        var old_pass = $("#password_1").val(); 
        var new_pass = $("#password_2").val(); 

        if(old_pass != new_pass) { 
         // Show your validation message here 
         // return false to prevent the form submitting 
         return false; 
        } 
        // no validation error so allow the form to be submitted. 
        return false; 

       }); 
      }); 
     })(jQuery); 
    </script> 

    <?php 
} 

add_action('woocommerce_edit_account_form_end', 'add_my_account_edit_script');