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

Question

目前，“编辑帐户详细信息”页面包含以下字段：名字，姓氏，电子邮件地址，当前密码＆amp;新密码。现在我需要覆盖“保存更改”按钮，该按钮基本上提交表单以更新用户详细信息。在提交表单之前，我想进行基于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' );