Facing Issue with validation Group and required field.

Question

I have a requirement where i have a field and 3 buttons. I have to make the field required(validation should come) on click of 2 button and not required (field is not validated)on click of the third button. The third button is having submit as false(). I have tried many ways to accompalish this 
 1) Given condition in the "required" property of the field based on button click. 
 2) On "validationGroup" property i am calling a rule which decides validationGroup depending on button click. 
 and many more ways i have tried but nothing is working. Just wanted to know the ideal way of accomplishing this scenario?

Mike Schmitt · Answer

I never really use "validationGroup" functionality since it doesn't show "required" indicators on any fields that use it, and it never seems to work like I'd hope it would. So you're not alone here. 
 In your example though, why can't you just set the 3rd button to have a "validate" value of False? 
 Do you have an example SAIL interface code you could post here and we can look at what isn't working for you and look into solutions and/or workarounds?

Siddharth · Answer

I tried implementing this via 'validationGroup' and got a similar functionality working. The text field 'Field 2' doesn't show the required indicator since it is optional if the user happens to click on Button B. 
 
 a!localVariables(
 local!text1,
 local!text2,
 {
 a!sectionLayout(
 contents: {
 a!textField(
 label: "Field 1",
 required: true(),
 requiredMessage: "Required field validation",
 value: local!text1,
 saveInto: local!text1
 ),
 a!textField(
 label: "Field 2",
 required: true,
 requiredMessage: "Optional field validation",
 validationGroup: "Group_1",
 value: local!text2,
 saveInto: local!text2
 ),
 a!buttonArrayLayout(
 align: "END",
 buttons: {
 a!buttonWidget(
 label: "Button A",
 validate: true(),
 validationGroup: "Group_1"
 ),
 a!buttonWidget(label: "Button B", validate: true())
 }
 )
 }
 )
 }
)

Mike Schmitt · Answer

There are other potential workarounds to this - such as, disabling a button under certain conditions, as well as form-level or section-level validations that don't fire until Submitting is attempted.

Mike Schmitt · Answer

Thanks for providing this - as I mentioned above accidentally in the wrong place, can you provide some further detail as to the behavior you're expecting to see on this form, compared to what behavior you're experiencing?

Siddharth · Answer

Hey Srishti - Did some minor updates to your code. Does this fulfill your needs? 
 
 a!localVariables(
 local!text1,
 local!buttonTxt,
 {
 a!sectionLayout(
 contents: {
 /*This is the only field for which i have to throw required validation when button A and B are clicked */
 /*and for button x this field should be not required
 Also for each button validate is true because they are validating other fields as well
 */
 a!textField(
 label: "Field 1",
 required: true(),
 value: local!text1,
 saveInto: local!text1,
 validationGroup: "GroupX"
 ),
 a!buttonArrayLayout(
 align: "END",
 buttons: {
 a!buttonWidget(
 label: "Button X",
 style: "PRIMARY",
 value: "ButtonX",
 saveInto: local!buttonTxt,
 validate: true()
 )
 }
 ),
 a!buttonArrayLayout(
 align: "END",
 buttons: {
 a!buttonWidget(
 label: "Button A",
 value: "ButtonA",
 saveInto: local!buttonTxt,
 submit: true(),
 /*Submit is true*/
 validate: true(),
 validationGroup: "GroupX"
 ),
 a!buttonWidget(
 label: "Button B",
 style: "PRIMARY",
 value: "ButtonB",
 saveInto: local!buttonTxt,
 submit: true(),
 /*Submit is true*/
 validate: true(),
 validationGroup: "GroupX"
 )
 }
 )
 }
 )
 }
)