如果输入字段通过 ID 或类包含内容,则禁用输入字段


Disable input field if it has contents via ID or class

我有一个帐户字段,我不希望用户在提交后能够更改。

因此,当他们调出个人资料时,该字段被禁用,但他们可以看到内容。

这是Wordpress与WooCommerce的形式。以下内容是在 HTML 中生成的。

<p class="form-row form-row form-row-wide" id="billing_givingnumber_field">
    <label for="billing_givingnumber" class="">Giving Number</label>
    <input type="text" class="input-text " name="billing_givingnumber" id="billing_givingnumber" placeholder="Giving Number" value="123456" display="text">
</p>

我可以用PHP或javascript中的简单ifelse语句来更改它吗?

将元素的 disabled 属性设置为 true:

var x = document.getElementById("billing_givingnumber").value;
if(x != "") {
     document.getElementById("billing_givingnumber").disabled = true;
}

输出数字为字符串而不是输入字段值,如果它已经使用简单的 php if 循环提交。您可以将禁用标志添加到输入字段,但可以通过检查器进行编辑。

<input type="text" name="name" disabled>