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

This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

Accept