it-swarm.asia

كيفية جعل حقل الإدخال للقراءة فقط باستخدام JavaScript؟

أعلم أنه يمكنك إضافة readonly="readonly" إلى حقل إدخال حتى لا يمكن تحريره. لكنني أحتاج إلى استخدام javascript لاستهداف معرّف الإدخال وجعله للقراءة فقط حيث لا يمكنني الوصول إلى رمز النموذج (يتم إنشاؤه عبر برامج التسويق)

لا أريد تعطيل الإدخال ، حيث يجب جمع البيانات عند الإرسال.

هذه هي الصفحة التي أضفتها في الاقتراح أدناه دون أي حظ حتى الآن:

https://www.pages05.net/engagedigital/inputReadOnly/test؟spMailingID=6608614&spUserID=MTI5MDk4NjkzMTMS1&spJobID=Nzk4MTY3MDMS1&spReportId=Nzk4MTY3MDMS1

تأكد من استخدام <body onload="onLoadBody();"> لأي شخص يستخدم هذا في المستقبل.

38
chris

يمكنك الحصول على عنصر الإدخال ثم تعيين الخاصية readOnly الخاصة بها إلى true كما يلي:

document.getElementById('InputFieldID').readOnly = true;

على وجه التحديد ، هذا ما تريده:

<script type="text/javascript">
  function onLoadBody() {
    document.getElementById('control_EMAIL').readOnly = true;
  } 
</script>

استدعاء هذا onLoadBody() وظيفة في علامة الجسم مثل:

<body onload="onLoadBody">

عرض العرض التوضيحي: jsfiddle .

61
Vijay

الإجابات المذكورة أعلاه لا تعمل بالنسبة لي. ما يلي هو: document.getElementById("input_field_id").setAttribute("readonly", true);

ولإزالة السمة للقراءة فقط: document.getElementById("input_field_id").removeAttribute("readonly");

وللتشغيل عند تحميل الصفحة ، تجدر الإشارة إلى هنا .

20
Charlie Haley
document.getElementById("").readOnly = true
4
gezzuzz
document.getElementById('TextBoxID').readOnly = true;    //to enable readonly


document.getElementById('TextBoxID').readOnly = false;   //to  disable readonly
4
Mumthezir VP

جرب هذا :

document.getElementById(<element_ID>).readOnly=true;
2
Sandiip Patil