added in postcode validation regex and error msg

components/elements/index.js

@@ -66,7 +66,7 @@ const RenderTextfield = ({
                 {touched && error && (
                     <span id={id + "-error"} className="govuk-error-message">
                         <span className="govuk-visually-hidden">Error:</span>{" "}
-                        {errorMsg}
+                        {error}
                     </span>
                 )}
                 <input
@@ -101,7 +101,16 @@ export function Textfield(props) {
         maxFieldLength,
         hint,
     } = props;
-    const required = (value) => (value ? undefined : "Required");
+    const required = (value) =>
+        value ? undefined : t("newappeal:is-required-label");
+    const postcode = (value) =>
+        value &&
+        !/^([A-Z][A-HJ-Y]?[0-9][A-Z0-9]? ?[0-9][A-Z]{2}|GIR ?0A{2})$/i.test(
+            value
+        )
+            ? t("newappeal:invalid-postcode-label")
+            : undefined;
+
     let { t } = useTranslation();
 
     if (name == "pinswg_name") {
@@ -150,7 +159,6 @@ export function Textfield(props) {
                             className="govuk-input govuk-input--width-20"
                             validate={eval(validation)}
                             label={props.label}
-                            errorMsg="Is required"
                             maxFieldLength={props.maxFieldLength}
                         />
                     )