required con pattern di validazione non mi funziona

[Kahm]

salve a tutti
dovrei validare una textbox con un pattern,purtroppo avendo anche un pulsante SUBMIT questi non mi controlla la text
ecco il codice:

<input type="text" name="url" required pattern="https?://.+" /><input type ="submit">

ho aperto una pagina su codePen per facilitarne la comprensione: http://codepen.io/anon/pen/jBBLmG

boh, non capisco cosa sbaglio