兼容 required 和 readonly 同时使用

当前有一个需求,即保证输入框只读且不能为空,正常理解是一个错误需求,既然不能输入,怎么还不能为空呢?实际原因是这个输入框不需要用户主动输入,而是用户点击按钮由系统生成内容填充到输入框,所以才有了这个需求。 那要怎么实现 equired 和 readonly 同时使用呢?我们了解到原生 html 的逻辑不能让 required 和 readonly 同时使用,但经过多种测试,为了达到我们特殊的需求,