how to show the different required message for the same field?

Question

Hi, 
 We have requirement like need to show different required message(dynamic message) for a particular field based on two different button clicks. 
 here are the more details like we have one comments field which is required for both the submit buttons with names like "Add More Info" and "Add More Comments" . 
 when the user clicks on "Add More Info" button without providing the comments then need to show the required message is like "comments required for More Information". 
 when the user clicks on "Add More Comments" button without providing the data to comments field then need to show the required message like "comments should not be blank" 
 
 Can some one suggest any way to achieve this... 
 -Ram

Dan Lluhi · Answer

Hi, required messages should only show after something on the form has triggered a validation (e.g., a button with validate set to true). For example, if you test out the code below you'll see that the required message only shows after you click on the button 
 
 {
 a!paragraphField(
 label: "Paragraph",
 value: "",
 required: true,
 requiredMessage: "abc"
 ),
 a!buttonArrayLayout(
 buttons: a!buttonWidget(
 label: "Button",
 validate: true
 )
 )
}

Shubham Aware · Answer

Hi Ram, 
 
You can store value of button action into local variable which is define under with() then simply you can validate like 
 
if(local!btnAction = "Add More Comments","Show Message",) 
if(local!btnAction = "Add More Info","Show Message",)

Mike Schmitt · Answer

This use case technically violates how buttonWidget save events work, because failed validation (i.e. for missing "required" fields) executes before the buttonWidget saveInto does. Meaning that your custom required message would not have any value by which to judge which version it should show. The best solution for this would be to restructure your form logic in such a way that your required message doesn't rely on what the value of the button click was. 
 Otherwise, the only working solution I know of, is to create a complex workaround utilizing local variables and conditionally setting the "submit" value of the button, and setting manual validations on the input field. This is tricky though and I'd only recommend it to seasoned SAIL developers and only when really necessary.

shwetad · Answer

Hi Ram, 
 
Please try the below code. 
 
a!formLayout( 
 label: "Form", 
 contents: { 
 a!paragraphField( 
 label: "Comments", 
 labelPosition: "ABOVE", 
 saveInto: {}, 
 refreshAfter: "UNFOCUS", 
 /*required: true,*/ 
 height: "MEDIUM", 
 validations: {} 
 ) 
 }, 
 buttons: a!buttonLayout( 
 primaryButtons: { 
 a!buttonWidgetSubmit( 
 label: "Add More Info", 
 value: "Add More Info", 
 saveInto: ri!action_txt, 
 style: "NORMAL" 
 ), 
 a!buttonWidgetSubmit( 
 label: "Add More Comments", 
 value: "Add More Comments", 
 saveInto: ri!action_txt, 
 style: "NORMAL" 
 ) 
 }, 
 secondaryButtons: { 
 
 } 
 ), 
 validations:a!validationMessage( 
 message:if(isnull(ri!comments), 
 if(ri!action_txt="Add More Info", 
 "comments required for More Information", 
 if(ri!action_txt="Add More Comments", 
 "comments should not be blank", 
 "" 
 )), 
 ""), 
 validateAfter:"REFRESH" 
 
 ) 
 )

how to show the different required message for the same field?

Top Replies