修改編輯賬戶詳細信息頁面

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