底部模板添加newsletter表单和相应JS

application/views/mobile_first/ah-pc.php

@@ -604,6 +604,67 @@
             }, 10000);
         }
     </script>
+    
+ <!--newsletter表单 JS-->
+<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+  var submitbutton = document.getElementById("submit_newsletter");
+  var newsletterForm = document.getElementById("newsletter_form");
+
+  submitbutton.addEventListener('click', function(event) {
+    var validateResult = validateNewsletterForm();
+    if (validateResult) {
+      if (typeof(grecaptcha) === "undefined") {
+        console.warn('grecaptcha is disabled.');
+        newsletterForm.submit();
+      } else {
+        grecaptcha.enterprise.ready(async () => {
+          const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
+          var el = document.createElement("input");
+          el.type = "hidden";
+          el.name = "__grecaptcha_token__";
+          el.value = token;
+          newsletterForm.appendChild(el);
+          newsletterForm.submit();
+          submitbutton.innerText = "Submitted successfully";
+        });
+      }
+    }
+  });
+});
+
+function validateNewsletterForm() {
+  var result = true;
+  var realnameVal = document.getElementById("newsletter_realname").value;
+  var emailVal = document.getElementById("newsletter_email").value;
+
+  var realnameErrEl = document.getElementById("newsletter_realname_errmsg");
+  var emailErrEl = document.getElementById("newsletter_email_errmsg");
+  var emailVerifyErrEl = document.getElementById("newsletter_email_verify_errmsg");
+
+  realnameErrEl.style.display = 'none';
+  emailErrEl.style.display = 'none';
+  emailVerifyErrEl.style.display = 'none';
+
+  if (realnameVal === '') {
+    realnameErrEl.style.display = '';
+    result = false;
+  }
+  if (emailVal === '') {
+    emailErrEl.style.display = '';
+    result = false;
+  } else {
+    var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
+    if (!emailPattern.test(emailVal)) {
+      emailVerifyErrEl.style.display = '';
+      result = false;
+    }
+  }
+  return result;
+}
+</script>
+
     <!--PC底部 结束-->
 
     <!--@PRODUCT-JS@-->