html输入字段使用正则表达式来摆脱文件名的无效字符

Question

我的表单中有一个输入字段，用户可以在以后输入将在windows-system上用作foldername的内容。现在我想阻止ppl使用对于foldername无效的任何字符，\/:"*?<>|。我找到pattern的{​​{1}} - 属性，我可以使用正则表达式。现在我无法获得正确的正则表达式并在我的HTML代码中正确地逃避：

html input field

我做错了什么？

Answer 1

您需要使用\x22而不是双引号：

＆＃13;

＆＃13;

input:valid {
  color: green;
}
input:invalid {
  color: red;
}

＆＃13;

<div class="form-group">
    <label class="col-md-3 control-label" for="folder_name">Folder-Name:</label>
    <div class="col-md-9">
        <input type="text" class="form-control" id="folder_name" name="folder_name" pattern="[^\\/:\x22*?<>|]+" required>
    </div>                    
</div>

＆＃13;

＆＃13;

＆＃13;