如何使用 RegEx 检查表单输入是否以 .pdf 结尾

Question

因此，我的网络表单上有一个文本字段，用户将用它来输入文件路径。我想检查输入的内容是否以 .pdf 结尾

我一直在四处寻找，看起来我需要使用 RegEx 来获得多个浏览器支持，但我找不到一个很好的例子。

HTML 字段

<input type="text" name="filelocation" id="filelocation" placeholder="Must include .pdf file extension">

Answer 1

您可以使用模式属性来执行此操作：

<form action="#">
  <input type="text" pattern=".+\.pdf$" placeholder="Must include .pdf file extension">
  <input type="submit">
</form>

.pdf它还将确保在末尾之前有一些文本