Regex test on <input> value with reproCSS

index.html

<h1>Regex on input value</h1>

<input id=demo>

<p>This input will go red when the regular expression <code>/magic/gi</code> is met. So it should light up for any values that contain 'MAGIC' or 'magic'</p>

<style process="load input">
  ${/magic/gi.test(demo.value) && '#demo'} {
    background: red;
  }
</style>

<footer>Built with <a href=https://tomhodgins.github.io/reprocss/>reproCSS</a> </footer>

regex-test-on-input-value-with-reprocss.markdown

Regex test on value with reproCSS

A Pen by Tommy Hodgins on CodePen.

License.

scripts

<script src="https://rawgit.com/tomhodgins/reprocss/master/reprocss.js"></script>

style.css

input {
  padding: .25em;
  width: 100%;
  font-size: 14pt;
}