Announcement

Collapse
No announcement yet.

Pre Processed Validation Style

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • gsam
    replied
    thanks

    Leave a comment:


  • Bruce - PhosphorMedia
    replied
    You can try using the pseudo selector :required

    <input id="checkThis" type="text" name="name" value="" required>

    #checkThis:required { background: #c0c0c0 }

    But as Matt says, its pretty limited and won't work the same across all browsers.

    Leave a comment:


  • Matt Zimmermann
    replied
    Hi Gary,

    Unfortunately, there is little you can do without custom coding for these messages. https://developer.mozilla.org/en-US/...error_messages

    Leave a comment:


  • gsam
    started a topic Pre Processed Validation Style

    Pre Processed Validation Style

    On submit, if a field has the 'required' attribute added to the code and it has no value, the form is blocked and a popup message is shown pointing to the field.

    <input type="radio" name="Product_Attributes[1]:value" value="Today" id="l-today" data-attribute="When" required />
    <input type="radio" name="Product_Attributes[1]:value" value="Tomorrow" id="l-tomorrow" data-attribute="When" required />

    Does anyone know how to change the style of the popup message? I would like to change the background color from white to red.

    Screen Shot 2019-10-11 at 9.58.54 AM.png


Working...
X