Tweak - Input box highlighting (#582)

wpeverest · Aug 2, 2023 · 50d9d06 · 50d9d06
1 parent 20c6d59
commit 50d9d06
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/assets/css/user-registration.scss b/assets/css/user-registration.scss
@@ -139,6 +139,12 @@
 		content: "\f534";
 	}
 }
+.ur-input-border-green{
+	border-color: green !important;
+}
+.ur-input-border-red{
+	border-color: red !important;
+}
 
 .ur-frontend-form {
 	margin-bottom: 30px;

diff --git a/assets/js/frontend/user-registration-form-validator.js b/assets/js/frontend/user-registration-form-validator.js
@@ -236,11 +236,13 @@
 						var $element = $(element),
 							$parent = $element.closest(".form-row"),
 							inputName = $element.attr("name");
+							$element.removeClass('ur-input-border-green').addClass('ur-input-border-red');
 					},
 					unhighlight: function (element, errorClass, validClass) {
 						var $element = $(element),
 							$parent = $element.closest(".form-row"),
 							inputName = $element.attr("name");
+							$element.removeClass('ur-input-border-red').addClass('ur-input-border-green');
 
 						if (
 							$element.attr("type") === "radio" ||