HTML5模式正则表达式失败

Question

我正在尝试使用以下模式来阻止用户提交非字母数字字符，但由于某种原因，该模式甚至只拒绝字母数字条目。

<input 
  id="service_desk_id" 
  type="text" 
  class="form-control" 
  id="stuckReportsFixSD" 
  name="stuckReportsFixSD" 
  placeholder="SD ID"
  data-toggle="popover" 
  data-trigger="focus" 
  data-placement="right" 
  data-trigger="focus" 
  data-content="If you have one, enter a Service Desk ID for a Service Desk Ticket." 
  pattern="[a-zA-Z0-9]" 
  title="No non-alphanumeric characters."
/>

我不明白为什么会拒绝以下条目：“SDDS2020”，但确实如此，说它与模式不符。它也无法打印标题，将解释留空。造成这种情况的原因是什么？如何解决？