StackOverflow_16542665: html-pattern-regex-not-working

Illustration of answer to http://stackoverflow.com/questions/16542665/html-pattern-regex-not-working.

by ExpertSystem

HTML

<form onsubmit="return doSubmit(this);">
    <input type="text" name="formField" title="Enter exactly 6 alphanumeric characters" 
           pattern="[a-zA-Z0-9]{6}" required />
    <input type="submit" value="Submit" />
</form>

JavaScript

function doSubmit(form) {
    alert("Validation passed !\nForm submitted..."); 
    form.formField.value = "";
    return false;
}