过滤`contenteditable` html表格单元格的输入

Question

我有可编辑的表格单元格：

<table>
  <tr> <td contenteditable></td> </tr>
</table>

有没有办法只允许一位数字（可能带有正则表达式？）作为输入。

我想在输入时验证内容，而不是在输入后验证它。

PS：我更喜欢没有jQuery的解决方案。

Answer 1

表格用于展示。对于HTML输入，通常使用带有输入控件的Form。您可以使用此限制为一位数字。当您提交表格时，请说“＆＃34; 888＆＃34;它将显示一条消息并取消表单提交。

<form action="www.yahoo.com">
    <input type="number" min="1" max="9" >
    <input type="submit">
</form>