<html>
<head>
<title>Test oninvalid and setCustomValidity and Input pattern attribute - RJM Programming - February, 2021 ... thanks to https://stackoverflow.com/questions/21784152/how-to-combine-inputafterfocus-pure-css and https://stackoverflow.com/questions/3286991/can-a-before-selector-be-used-with-a-textarea</title>
<script type='text/javascript' src='pattern_test.js?theelementid=csvlist' defer></script>
<script type='text/javascript' src='pattern_test.js?theelementid=ssvlist' defer></script>
<script type='text/javascript' src='pattern_test.js?theelementid=usvlist' defer></script>
</head>
<body>
<h1 id=myh1 title=''>Test oninvalid and setCustomValidity and pattern Input Form Elements</h1>
<h3>RJM Programming <a target=_blank style='cursor:pointer;text-decoration:none;' href='./pattern_calls.html' title='Restart'>-</a> February, 2021</h3>
<h4>Thanks to <a target=_blank title='https://stackoverflow.com/questions/21784152/how-to-combine-inputafterfocus-pure-css' href='https://stackoverflow.com/questions/21784152/how-to-combine-inputafterfocus-pure-css'>https://stackoverflow.com/questions/21784152/how-to-combine-inputafterfocus-pure-css</a> and <a target=_blabnk title='https://stackoverflow.com/questions/3286991/can-a-before-selector-be-used-with-a-textarea' href='https://stackoverflow.com/questions/3286991/can-a-before-selector-be-used-with-a-textarea'>https://stackoverflow.com/questions/3286991/can-a-before-selector-be-used-with-a-textarea</a></h4>
<form id=ejmyform method=GET data-onsubmit="return ejosb(this);" action=./pattern_calls.html>
<input type="text" style="width:80%;" data-onblur="document.getElementById('ejfsub').click();" data-name="csvlist" id="csvlist" data-pattern="[0-9,]*" value="" data-placeholder="Please enter a comma separated positive integer list (where red dashed border flags invalid entry)" data-title="Please enter a comma separated positive integer list (where red dashed border flags invalid entry)"></input><br>
<input type="text" style="width:80%;" data-onblur="document.getElementById('ejfsub').click();" data-name="ssvlist" id="ssvlist" pattern="[0-9;-]*" value="" placeholder="Please enter a semicolon separated integer list (where red dashed border flags invalid entry)" title="Please enter a semicolon separated integer list (where red dashed border flags invalid entry)"></input><br>
<input type="text" style="width:80%;" data-onblur="document.getElementById('ejfsub').click();" data-name="usvlist" id="usvlist" pattern="[0-9;_]*" value="" placeholder="Please enter an underscore separated positive integer list (where red dashed border flags invalid entry)" title="Please enter an underscore separated positive integer list (where red dashed border flags invalid entry)"></input><br><br>
<input type=submit style='background-color:yellow;' id=ejfsub value=Validate></input></form>
<input type="text" style="position:absolute;top:-300px;left:-300px;" value=""></input>
</body>
</html>