Power Pages: Validate Note Control

Problem Statement

Sometimes, before submitting the form, you have to verify Note Control to determine if the user has uploaded the document or not.

Solution

You can write following JavaScript code on either Basic Form or Multi Step form

var HasNoteAttachment = $('.note').length;
var HasFileUploaded = $('#AttachFile').val();
if(HasNoteAttachment == 0 && HasFileUploaded == "")
{
    alert('Please upload document before proceed');
    return false;
}

Demo

To demonstrate, I have added a File Upload control to the Multi Step form. When I click Next to move on to the next step, I receive the alert message that is seen in the figure below.