HTML5 input validation doesn't work in IE8
Hello kind people of the internet,
I've been hacking at this for a while...and have seen several similar postings, but I can't seem to figure this out:

The HTML5 input field validation CSS works in Firefox, Chrome...but alas, not in IE8...and much of my target audience will be using IE8.

...and yes: I'm using Modernizr, and I used Initializr to get the page template and CSS...I'm a bit confused why I can't get things working properly in IE8.

Here's a link to my test page:
[Test html5 page][1]


  [1]: http://www.msa.saccounty.net/utilitybilling/streetview/TestHTML5pagev6.aspx

The input field is red before proper entry, then validation simply turns green when input a valid account number, such as:
50011111111

The HTML5 code is as follows:

    <label for="account">Account Number: </label> 
    <input id="account" name="inputAccount" 
      placeholder="input billing account number" 
      pattern="/(^500)|^\d{11}" 
      required
      autofocus
      type="text"/>

Any suggestions on what is probably a fairly simple thing to fix would be mucho appreciated!



HTML5 input validation doesn't work in IE8
===

Hello kind people of the internet,
I've been hacking at this for a while...and have seen several similar postings, but I can't seem to figure this out:

The HTML5 input field validation CSS works in Firefox, Chrome...but alas, not in IE8...and much of my target audience will be using IE8.

...and yes: I'm using Modernizr, and I used Initializr to get the page template and CSS...I'm a bit confused why I can't get things working properly in IE8.

Here's a link to my test page:
[Test html5 page][1]


  [1]: http://www.msa.saccounty.net/utilitybilling/streetview/TestHTML5pagev6.aspx

The input field is red before proper entry, then validation simply turns green when input a valid account number, such as:
50011111111

The HTML5 code is as follows:

    <label for="account">Account Number: </label> 
    <input id="account" name="inputAccount" 
      placeholder="input billing account number" 
      pattern="/(^500)|^\d{11}" 
      required
      autofocus
      type="text"/>

Any suggestions on what is probably a fairly simple thing to fix would be mucho appreciated!


