Merge pull request #46 from DanArthurGallagher/validate-flags

Add attributes to the flag input

Author: jonmagic

application.css

@@ -215,8 +215,13 @@ input, textarea, #results, #groups {
 }
 
 #expression input[name=option] {
+  box-sizing: border-box;
   margin-left: 4px;
-  width: 50px;
+  width: 70px;
+}
+
+.invalid-expression, input:invalid {
+  border: 1px solid #F7296F;
 }
 
 #expression input[name=expression],

index.html

@@ -39,7 +39,7 @@ <h2>A javascript regular expression editor</h2>
     <div id="main">
       <div id="expression">
         <h2>Regular Expression:</h2>
-        /<input name="expression">/<input name="option">
+        /<input name="expression">/<input name="option" type="text" pattern="gimuy" spellcheck="false" autocomplete="off" title="Set any flags you want to apply to your expression">
       </div>
 
       <div id="test_strings">