Merge pull request #119 from PublicisSapient/89-vd-change-form-error-…

…checking-page removing : and space between asterik
PublicisSapient · Jun 10, 2024 · f1ab975 · f1ab975
2 parents b7744a4 + ff0c5d2
commit f1ab975
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/content/body/form-error-checking.php b/content/body/form-error-checking.php
@@ -42,17 +42,17 @@
 
             <div class="enable-form-example__fieldset-inner-container">
               <div class="field-block">
-                <label class="required" for="name_html5">Full Name:</label>
+                <label class="required" for="name_html5">Full Name</label>
                 <input id="name_html5" size="25" type="text" required  autocomplete="name" >
               </div>
 
               <div class="field-block">
-                <label class="required" for="email_html5">E-mail address:</label>
+                <label class="required" for="email_html5">E-mail address</label>
                 <input id="email_html5" size="25" type="email" required autocomplete="email" >
               </div>
 
               <div class="field-block">
-                <label class="required" for="phone_html5">Phone Number:</label>
+                <label class="required" for="phone_html5">Phone Number</label>
                 <input                   id="phone_html5"
                   size="25"
                   type="text"
@@ -166,12 +166,12 @@
               <p class="form-instructions"><span class="required-symbol">*</span> denotes a required field.</p>
 
               <div class="field-block">
-                <label class="required" for="name_js">Full Name:</label>
+                <label class="required" for="name_js">Full Name</label>
                 <input id="name_js" name="name_js" size="25" type="text" required >
               </div>
 
               <div class="field-block">
-                <label class="required" for="email_js">E-mail address:</label>
+                <label class="required" for="email_js">E-mail address</label>
                 <input                   id="email_js"
                   name="email_js"
                   size="25"
@@ -181,7 +181,7 @@
               </div>
 
               <div class="field-block">
-                <label class="required" for="phone_js">Phone Number:</label>
+                <label class="required" for="phone_js">Phone Number</label>
                 <input                   id="phone_js"
                   name="phone_js"
                   size="25"
@@ -197,7 +197,7 @@
               </div>
 
               <div class="field-block">
-                <label for="age-range">Age Range:</label>
+                <label for="age-range">Age Range</label>
                 <select id="age-range">
                   <option>Choose one</option>
                   <option value="a">0 to 18 years old</option>

diff --git a/css/form-error.css b/css/form-error.css
@@ -195,7 +195,7 @@
 }
 .enable-form-example label.required::after {
   color: #e60000;
-  content: " *";
+  content: "*";
   font-weight: normal;
 }
 .enable-form-example .required-symbol {

diff --git a/js/demos/custom-form-example.js b/js/demos/custom-form-example.js
@@ -36,8 +36,8 @@ const formValidator = new (function () {
             },
             // Specify validation error messages
             messages: {
-                name_js: 'Error: Please enter your first name',
-                email_js: 'Error: Please enter a valid email address',
+                name_js: 'Error: Enter your first name',
+                email_js: 'Error: Enter a valid email address',
                 phone_js: 'Error: Phone number invalid',
             },
             // Make sure the form is submitted to the destination defined