forms - HTML 需要在表单中只读输入

Question

我正在制作表格。在一个 input 标签上是一个 OnClick 事件处理程序，它会打开一个弹出窗口，您可以在其中选择一些东西，然后它会自动填充 input 标签。

该输入标签也是readonly，因此只会输入正确的数据。

这是input标签的代码:

<input type="text" name="formAfterRederict" id="formAfterRederict" size="50" required readonly="readonly" OnClick="choose_le_page();"  />

但是 required 属性在 Chrome 中不起作用。但该字段是必需的。

有人知道我怎样才能让它发挥作用吗？

Answer 1

我和你有同样的要求，我想出了一个简单的方法来做到这一点。 如果您希望“只读”字段也为“必需”(基本 HTML 不支持)，并且您懒得添加自定义验证，那么只需使用 jQuery 将字段设为只读:

改进

在评论中形成建议

<input type="text" class="readonly" autocomplete="off" required />

<script>
    $(".readonly").on('keydown paste focus mousedown', function(e){
        if(e.keyCode != 9) // ignore tab
            e.preventDefault();
    });
</script>

致谢:@Ed Bayiates、@Anton Shchyrov、@appel、@Edhrendal、@Peter Lenjo

原创

<input type="text" class="readonly" required />

<script>
    $(".readonly").keydown(function(e){
        e.preventDefault();
    });
</script>