You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何禁止输入框输入代码?博客标题字段验证问题求助

修复博客标题验证规则的问题

嘿,你的正则表达式写反啦!原来的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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.15 07:12:55