如何禁止输入框输入代码?博客标题字段验证问题求助
修复博客标题验证规则的问题
嘿,你的正则表达式写反啦!原来的pattern="[^a-zA-Z0-9 ]+"是在匹配不包含字母、数字和空格的内容,这和你想要的完全相反,而且还没包含允许的-和|,提示文字也不准确,这就是规则不生效的核心原因。
给你修正后的完整代码:
<table> <tr> <td align="left"><b>Title :</b></td> <td align="left"> <input type="text" name="title" class="inputw" pattern="[a-zA-Z0-9\-|]+" title="标题仅允许输入数字(0-9)、字母(A-Z)及特殊字符(- 或 |),禁止输入代码"> </td> </tr> </table>
关键细节说明:
[a-zA-Z0-9\-|]+:这个正则表示只允许匹配字母(大小写)、数字、-(转义成\-是因为在正则里-是范围符号,比如a-z,不转义会被误判)、|这些字符,+表示输入至少要有一个字符(如果允许空标题可以改成*)。- 重新写了
title提示文字,让用户一眼清楚允许的内容,避免混淆。 - 关于禁止输入代码:这个正则已经限制了仅能输入指定字符,像代码里常见的
<>、()、{}等符号都不在允许列表里,自然就阻止了代码输入。
如果需要实时验证(而不是提交表单时才提示),可以额外加一点JavaScript辅助逻辑,但上面的HTML原生验证已经能满足你的基础需求啦!
内容的提问来源于stack exchange,提问作者Dev Troubleshooter
相关产品推荐
相关产品推荐

