[HOW TO] Enable/Disable mandatory fields on portal form

(7) Share

Report

Posted on by Luca Genovese

Hi all,

if you want to change client side the mandatory status of a field, you can use these two functions:

//eg. addValidator("customerid", "Customer")
function addValidator(fieldName, fieldLabel) {


    if (typeof (Page_Validators) == 'undefined') return;
    // Create new validator
    $("#" + fieldName + "_label").parent().addClass("required");

    var newValidator = document.createElement('span');
    newValidator.style.display = "none";
    newValidator.id = "RequiredFieldValidator" + fieldName;
    newValidator.controltovalidate = "casetypecode";
    newValidator.errormessage = "<a href='#" + fieldName + "_label'>" + fieldLabel + " is a mandatory field.</a>";
    newValidator.validationGroup = "";
    newValidator.initialvalue = "";
    newValidator.evaluationfunction = function () {
        var value = $("#" + fieldName).val();
        if (value == null || value == "") {
            return false;
        } else {
            return true;
        }
    };

    // Add the new validator to the page validators array:
    Page_Validators.push(newValidator);

    // Wire-up the click event handler of the validation summary link
    $("a[href='#" + fieldName + "_label']").on("click", function () { scrollToAndFocus(fieldName + '_label', fieldName); });
}

//eg. removeValidator("customerid")
function removeValidator(fieldName) {
    $.each(Page_Validators, function (index, validator) {
        if (validator.id == "RequiredFieldValidator" + fieldName) {
            Page_Validators.splice(index, 1);
        }
   });

    $("#" + fieldName + "_label").parent().removeClass("required");
}

This code works only if the field was not previously mandatory on the CRM. I suggest you to use this code in order to manage mandatory fields directly client side.

Hope this helps.

*This post is locked for comments

I have the same question (0)

All responses (9)

Answers (0)

Durgaprasad 80 on at

Like (0)

Report

Nice post. This really helps me.

Was this reply helpful? Yes No
danpatrichi99@gmail... on at

Like (0)

Report

Thank you so much Luca. It saved me a lot of time.

Was this reply helpful? Yes No
Durgaprasad 80 on at

Like (0)

Report

I have added this code in the web form step. But for some reason it is not working.

The form is posting back to server and only server side fields are showing as mandatory.

Any idea on this. Is there any configurations required.

Was this reply helpful? Yes No
Mohammed Fakhri 402 on at

Like (0)

Report

Thank you so much Luca.

Was this reply helpful? Yes No
Suggested answer

RaviKashyap 55,410 Moderator on at

Like (0)

Report

Hi,

You don't need to write code to make the field mandatory on Portals, You can simply add the metadata configuration for the attribute and select the field mandatory.

refer this blog: nishantrana.me/.../using-entity-form-metadata-to-configure-the-entity-form-in-portal-in-dynamics-365

Hope this helps.

Was this reply helpful? Yes No
Luca Genovese on at

Like (1)

Report

That's true. But if you want to set a field mandatory under specific conditions you need to write client side code.

Was this reply helpful? Yes No
Jgaddam 5 on at

Like (0)

Report

Hello Luca,

I used the above code to set a field required(option set rendered as radio buttons) even if there is data in the field it is still saying the field is required can you please help me resolve my issue

Was this reply helpful? Yes No
Suggested answer

Dmytro Rutkovskyi 1,835 on at

Like (0)

Report
You need discover how to properly check data presence in JavaScript.

So instead of just checking

$("#"+fieldname).val()

you need to look for more specific way to get value, like:

$("#"+fieldname").find("input[checked]").attr("value")

which return you value of checked radio button, or slightly change the condition to see if you have at least one checked radio.

Was this reply helpful? Yes No
ScheumanRJ 76 on at

Like (0)

Report

Thanks Luca! This worked great and saved me a lot of time.

Was this reply helpful? Yes No