完成HTML5自定义验证

application/third_party/order/views/gh/confirm_order.php

@@ -860,6 +860,23 @@ input.arrivalDate {height: 50px; width: 347px; font-size: 19px; padding: 5px 15p
 
   function validateForm() {
     console.info($("#form-confirm-info").serialize());
+    const requiredFields = document.querySelectorAll(":required");
+    for (let index = 0; index < requiredFields.length; index++) {
+      const element = requiredFields[index];
+      const validityState = element.validity;
+      if (validityState.valueMissing) {
+          element.setCustomValidity('Please fill out this field.');
+          element.reportValidity();
+          break;
+      } else if (validityState.patternMismatch) {
+          element.setCustomValidity(element.dataset.pattern);
+          element.reportValidity();
+          break;
+      } else {
+          element.setCustomValidity("");
+      }
+      
+    }
     return false;
   }