Include country in validation check.

mailchimp · Aug 29, 2024 · 6964674 · 6964674
1 parent 6f467aa
commit 6964674
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/assets/css/create-account.css b/assets/css/create-account.css
@@ -314,12 +314,13 @@
 .mailchimp-sf-form-wrapper .box.form-error {
 	color: red;
 }
-.mailchimp-sf-form-wrapper .box.form-error p {
+.mailchimp-sf-form-wrapper .box.form-error p.error-field {
 	margin-bottom: 0px;
 	font-size: 14px;
 }
 
-.mailchimp-sf-form-wrapper .box.form-error input {
+.mailchimp-sf-form-wrapper .box.form-error input,
+.mailchimp-sf-form-wrapper .box.form-error select {
 	border-color: red;
 }
 

diff --git a/assets/js/admin.js b/assets/js/admin.js
@@ -207,6 +207,7 @@
 				'business_name',
 				'email',
 				'address',
+				'country',
 				'city',
 				'state',
 				'zip',
@@ -234,7 +235,7 @@
 			const inputIds = Object.keys(errors);
 
 			inputIds.forEach((key) => {
-				const inputElementId = `${wrapperId} input#${key}`;
+				const inputElementId = `${wrapperId} #${key}`;
 				const errorElementId = `${wrapperId} #mailchimp-sf-${key}-error`;
 
 				if (errors[key] !== null) {

diff --git a/includes/admin/templates/create-account-page.php b/includes/admin/templates/create-account-page.php
@@ -196,12 +196,14 @@
 									</label>
 									<div class="mailchimp-select-wrapper">
 										<select id="country" name="country" required>
+											<option value="" selected="selected"><?php esc_html_e( 'Please select a country', 'mailchimp' ); ?></option>
 										<?php
 										foreach ( $countries as $key => $value ) {
 											echo '<option value="' . esc_attr( $key ) . '">' . esc_html( $value ) . '</option>';
 										}
 										?>
 										</select>
+										<p id="mailchimp-sf-country-error" class="error-field"></p>
 									</div>
 								</div>
 							</div>