How to Lock and Un Lock the Fields Using the jQuery in Power Pages

Power Pages:-

Power Pages is a component of Microsoft Power Platform that enables users to create secure, data-driven, and customizable external-facing websites. These websites can connect to data stored in Microsoft Dataverse and integrate with other Power Platform tools.

In this task first take the Blank power pages Basic Form

If the name is entered, the fields will be immediately locked.

as well as failing to unlock the options-set fields

Use jQuery to lock and unlock the fields in power pages.

Code :

$(document).ready(function () {
$(“#crmonce_name”).change(function () {
if ($(this).val()) {
// Lock the fields
$(“#crmonce_email”).prop(“disabled”, true);
$(“#crmonce_platenumber”).prop(“disabled”, true);
} else {
// Unlock the fields
$(“#crmonce_email”).prop(“disabled”, false);
$(“#crmonce_platenumber”).prop(“disabled”, false);
}
});
});