如何在文本框上使用模式属性

How to use Pattern Attribute on Textbox

本文关键字：模式 属性 文本      更新时间：2023-09-26

我正在尝试使用模式属性对文本框进行验证。

当用户输入其中任何一个时.....我想显示一些验证消息。

所以我创建了该元素，如下所示：

<input type="text" pattern="/(<!|&#|<'?|<|>)/" title="Required" required />

当我输入任何文本时，它都会显示警报......

如何摆脱这个？

您使用了错误的模式。在 HTML 模式中，不需要开始和结束分隔符。此外，浏览器会检查输入的文本是否与模式匹配，但您需要完全相反的文本（如果我理解正确的话）。尝试这样的事情：

<form>
    <input type="text" pattern="^((?!(<)|(<!)|(<'?)|(&#)|(>)).)*$" title="Required" required />
    <input type="submit" />
</form>
相关文章：