HTML5模式不起作用

Question

我正在尝试为Mobile字段提供一种模式。这是我的代码：

<form id="regr" name="regr" action="#" method="get">
    <table style="padding-top: 25px;">    
     <tr style="height: 40px;">
      <td style="text-align:right;">Mobile:</td>
      <td><input type="text" id="mobNum" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" title="XXX-XXX-XXXX"/></td>
   </tr>
   <tr>
    <td></td>
    <td>
        <input type="button" value="Register" name="Register" onclick="sessionstore()"/>
        <input type="button" value="Cancel" name="Cancel" onclick="window.location.reload()"/>
    </td>
  </tr>
 </table>
</form>

我在Mobile字段下方和上方有不同的字段。一切都在表单标签内。当我点击提交时，上面提到的模式没有验证。我甚至可以输入字母表，但仍能保存。请告知这里有什么问题。感谢。