Update validation icon placement and placeholders

js/components/text_input.js

@@ -18,7 +18,8 @@ export default {
       type: String,
       default: () => ''
     },
-    initialErrors: Array
+    initialErrors: Array,
+    paragraph: String
   },
 
   data: function () {

js/lib/input_validations.js

@@ -7,31 +7,31 @@ export default {
     mask: false,
     match: /^(?!\s*$).+/,
     unmask: [],
-    validationError: 'Please enter a response.'
+    validationError: 'Please enter a response'
   },
   integer: {
     mask: createNumberMask({ prefix: '', allowDecimal: false }),
     match: /^[1-9]\d*$/,
     unmask: [','],
-    validationError: 'Please enter a number.'
+    validationError: 'Please enter a number'
   },
   dollars: {
     mask: createNumberMask({ prefix: '$', allowDecimal: true }),
     match: /^-?\d+\.?\d*$/,
     unmask: ['$',','],
-    validationError: 'Please enter a dollar amount.'
+    validationError: 'Please enter a dollar amount'
   },
   gigabytes: {
     mask: createNumberMask({ prefix: '', suffix:' GB', allowDecimal: false }),
     match: /^[1-9]\d*$/,
     unmask: [',',' GB'],
-    validationError: 'Please enter an amount of data in gigabytes.'
+    validationError: 'Please enter an amount of data in gigabytes'
   },
   email: {
     mask: emailMask,
     match: /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/,
     unmask: [],
-    validationError: 'Please enter a valid e-mail address.'
+    validationError: 'Please enter a valid e-mail address'
   },
   date: {
     mask: [/\d/,/\d/,'/',/\d/,/\d/,'/',/\d/,/\d/,/\d/,/\d/],
@@ -39,18 +39,18 @@ export default {
     unmask: [],
     pipe: createAutoCorrectedDatePipe('mm/dd/yyyy HH:MM'),
     keepCharPositions: true,
-    validationError: 'Please enter a valid date in the form MM/DD/YYYY.'
+    validationError: 'Please enter a valid date in the form MM/DD/YYYY'
   },
   usPhone: {
     mask: ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
     match: /^\d{10}$/,
     unmask: ['(',')','-',' '],
-    validationError: 'Please enter a 10-digit phone number.'
+    validationError: 'Please enter a 10-digit phone number'
   },
   dodId: {
     mask: createNumberMask({ prefix: '', allowDecimal: false, includeThousandsSeparator: false }),
     match: /^\d{10}$/,
     unmask: [],
-    validationError: 'Please enter a 10-digit D.O.D. ID number.'
+    validationError: 'Please enter a 10-digit DoD ID number'
   }
 }