Case-insensitive Flag - Regex

Demonstrate the case-insensitive flag using test() and match() methods.

by Shawn

HTML

<h4>/^[a-z]+$/i</h4>

<div></div>
<div></div>
<div></div>
<div></div>

CSS

body { font-family: arial, sans-serif; }
div {padding: 10px 0px;}

JavaScript

var reg = /^[a-z]+$/i,
    elements = document.getElementsByTagName("div"),
    letters = "lowerUPPER",
    special = "lower&UPPER";

//test() returns: true or false whether found
elements[0].innerText = reg+'.test('+letters+')'+' == '
+ reg.test(letters);

elements[1].innerText = reg+'.test('+special+')'+' == '
+ reg.test(special);

//match() returns:
//an array of strings where regex evaluated true
//or null if not found
elements[2].innerText = '"'+letters+'".match('+reg+')[0]'+' == '
+ letters.match(reg)[0];

elements[3].innerText = '"'+special+'".match('+reg+')'+' == '
+ special.match(reg);