cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
newmay
Helper V
Helper V

Validation on form field (radio button)

Hey,

 

I want to get a validation on a form field typ radio button. It is about the Terms of use (schema name: termsofuse).

 

I want that the form can only be submitted if the radio button is checked with yes (value: 1).

 

Could anyone assist my with this? I know there is a javascript validation for it, yet i am not sure how to implement it correctly/modify it.

 

Thanks!

1 ACCEPTED SOLUTION

Accepted Solutions
OliverRodrigues
Super User
Super User

This article should help you to add a form validator: Add custom JavaScript - Power Apps | Microsoft Docs

if you can't get it working, please post your code here or on a new thread and we can see what might be missing 




If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Power Apps Portals Super User


Oliver Rodrigues


 

View solution in original post

5 REPLIES 5
ragavanrajan
Super User
Super User

Hi @newmay 

Try making it as required field. This will throw a validation error to user when they try to submit it. 

 

Hope it helps.

------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

newmay
Helper V
Helper V

@ragavanrajan Hey but then I could submit the form if the radio button value "no" is selected or? and that the form only gets submitted when selecting yes

OliverRodrigues
Super User
Super User

This article should help you to add a form validator: Add custom JavaScript - Power Apps | Microsoft Docs

if you can't get it working, please post your code here or on a new thread and we can see what might be missing 




If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Power Apps Portals Super User


Oliver Rodrigues


 

Hi @OliverRodrigues 

 

Hey that would be my code:

 

if (window.jQuery) {
(function ($) {
$(document).ready(function () {
if (typeof (Page_Validators) == 'undefined') return;
// Create new validator
var newValidator = document.createElement('span');
newValidator.style.display = "none";
newValidator.id = "termsofuseValidator";
newValidator.controltovalidate = "termsofuse";
newValidator.errormessage = "<a href='#termsofuse_label'>Terms of use needs to be selected with "Yes" </a>";
newValidator.validationGroup = ""; // Set this if you have set ValidationGroup on the form
newValidator.initialvalue = "";
newValidator.evaluationfunction = function () {
var termsofuse= $("#termsofuse").val();
if (termsofuse != 1) return true; // check if terms of use radio button is selected with No (value 0).

return false;
} else {
return true;
}
};
//Not sure what this is for
// 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='#emailaddress1_label']").on("click", function () { scrollToAndFocus('emailaddress1_label','emailaddress1'); });
});
}(window.jQuery));

 

Basically I need that the form is only sendable if: 

newmay_0-1642775551661.png

Yet I am not sure how to write or modify the javascript validation properly to achieve this

Hi! Quick update! I did sove it. Did not use the right id´s


$(document).ready(function() {
    
    removeValidator("termsofuse_1");
    $("#termsofuse_1").parent().prev().removeClass('required');

    // Add event validator
    if (typeof(Page_Validators) == 'undefined') return;

        // Create new validator
        var newValidator = document.createElement('span');
        newValidator.style.display = "none";
        newValidator.id = "termsofuseValidator";
        newValidator.controltovalidate = "termsofuse_1";
        newValidator.errormessage = "<a href='#termsofuse_label'>Bitte akzeptieren Sie die Nutzungsbediengungen.</a>";
        newValidator.evaluationfunction = function() {

        if($("#termsofuse_1").is(':checked'))
        {
            return true;
        }
        else
        {
            if ($('#termsofuse_1').val() == "1") {
                return false;
            } else {
                return true;
            }
        }
    };
    Page_Validators.push(newValidator);
})

function removeValidator(fieldName) {
var count = 0;
for(var i =0; i < Page_Validators.length - count; i++){
if (Page_Validators[i - count].id == "RequiredFieldValidator" + fieldName) {
Page_Validators.splice(i - count, 1);
count++;
}
}
$("#" + fieldName + "_label").parent().removeClass("required");
}
 
Thanks!

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

365 EduCon 768x460.png

Microsoft 365 EduCon

Join us for two optional days of workshops and a 3-day conference, you can choose from over 130 sessions in multiple tracks and 25 workshops.

Carousel_PP_768x460_Wave2 (1).png

2022 Release Wave 2 Plan

Power Platform release plan for the 2022 release wave 2 describes all new features releasing from October 2022 through March 2023.

Users online (4,783)