StackOverflow_17062483: custom-html5-validation-pattern-yyyy-anynumber

Illustration of answer to http://stackoverflow.com/questions/17062483/custom-html5-validation-pattern-yyyy-anynumber.

by ExpertSystem

HTML

<form action="" method="POST" onsubmit="submitForm(event, this);">
    <input type="text" id="ordernumber" placeHolder="YYYY.ordernumber"
           title="YYYY.ordernumber, where 'ordernumber' in [1,1000000]"
           pattern="^[0-9]{4}\.(?!0+$)([0-9]{1,6}|1000000)$" 
           required />
    <input type="submit" value="Submit" />
</form>

JavaScript

function submitForm(evt, formElem) {
    evt.preventDefault();
    alert("Submitted successfully !");
    return false;
}