更改“编辑帐户详细信息”页面

Question

目前“编辑帐户详细信息”页面包含以下字段：名字、姓氏、电子邮件地址、当前密码和新密码。现在我需要覆盖基本上提交表单以更新用户详细信息的“保存更改”按钮。在提交表单之前，我想做一个基于 javascript 的验证来检查用户的新密码。我该怎么做？

顺便说一句，我正在使用 WooCommerce，如果这很重要的话。

Answer 1

您可以使用woocommerce_edit_account_form_end 操作注入您的自定义JS sn-p 并进行验证。

喜欢这个

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' );