如何修改代码实现Transform表单输入字段录入内容后自动设为只读

实现方案 #

你提出的修改逻辑完全可以实现，根据实际使用场景可以选择以下两种方案：

• 方案1（推荐，适配普通手动输入场景）：用户输入完成切走输入框焦点时自动锁定，避免用户输错内容没法修改
  修改后代码如下：

<strong>物流主管：</strong></span></td>
<td><span style="font-size: 10pt; font-family: Arial;"><input type="text" style="width: 200px; height: 22px;" value="" fieldname="Field_31" onblur="if(this.value.trim()!=='') this.readOnly = true;"><br>

逻辑说明：给输入框绑定了失焦触发事件，离开输入框时会自动校验是否有录入内容，非空就直接设为只读状态，禁止后续修改。

• 方案2（适配无纠错需求的录入场景）：用户只要输入任意内容立刻锁定
  修改后代码如下：

<strong>物流主管：</strong></span></td>
<td><span style="font-size: 10pt; font-family: Arial;"><input type="text" style="width: 200px; height: 22px;" value="" fieldname="Field_31" oninput="if(this.value.trim()!=='') this.readOnly = true;"><br>

逻辑说明：给输入框绑定了内容变更触发事件，只要检测到有输入内容就立刻设为只读，适合扫码录入、提前确认内容不会出错的场景。

内容的提问来源于stack exchange，提问作者vmackey