Worked on the form validation

2023-01-13 09:07:03 -08:00
parent cf9601b87f
commit a5eb1f2edf
3 changed files with 142 additions and 37 deletions
@@ -3521,6 +3521,28 @@ header.fix_style.white_header {
  margin-bottom: 20px;
 }

+/* For the err msg */
+.contact_page_section .contact_inner .contact_form form .form-group span{
+  font-size: 12px;
+  color: tomato;
+  padding: 3px;
+  display: none;
+}
+
+.contact_page_section .contact_inner .contact_form form .form-group input:invalid ~ span{
+  display: block;
+}
+
+/* 
+input:invalid[focused="true"]{
+    border: 1px solid red;
+}
+
+input:invalid[focused="true"] ~ span{
+    display: block;
+}
+*/
+
 .contact_page_section
  .contact_inner
  .contact_form