How to skip required fields but not the custom validations of fields with a press of button?

Question

I have a form which has a secondary button which is supposed to skip required fields but not the custom validation of fields after pressing that button. Is there a way to do this?

josep · Accepted Answer

Hello Mohits,

Let me insist with the validationGroup plus a custom validation that you wanted. I insist on this because when coding interfaces I prefer to keep as much as possible the validations close to the field. unless you have a huge form on which you might need a a!validationMessage.

Finally consider the use of the refreshAfter: "KEYPRESS" as a way to make aware the user that the input is not correct.

I think the following code can make the work. In the code you can change the validationGroup based of a condition

load(
  local!text1: "",
  local!text2: "",
  a!formLayout(
    contents: a!columnsLayout(
      columns: {
        a!columnLayout(
          a!textfield(
            label: "text1",
            required: true,
            value: local!text1,
            saveInto: local!text1,
            validationGroup: if(
              len(local!text1) > 5,"submit save","submit"/*<<-- NOTE this*/
            )
            ,
            validations: {
              if(
                len(
                  local!text1
                ) > 5,
                "cannot be greater than 5",
                null
              )
            }
          )
        ),
        a!columnLayout(
          a!textfield(
            label: "texx2",
            required: true,
            value: local!text2,
            saveInto: local!text2,
            validationGroup: if(
              len(local!text2) > 5,"submit save","submit"/*<<-- NOTE this*/
            )
            ,
            validations: {
              if(
                len(
                  local!text2
                ) > 5,
                "cannot be greater than 5",
                null
              )
            }
          )
        )
      }
    ),
    validations: {},
    buttons: a!buttonlayout(
      primaryButtons: {
        
        a!buttonWidgetSubmit(
          label: "submit",
          value: "submit",
          style:"PRIMARY",
          saveInto: ri!button,
          validationGroup: "submit"/*<<-- NOTE this*/
          
        )
      }, 
      secondaryButtons: a!buttonWidgetSubmit(
          label: "save",
          value: "save",
          style:"SECONDARY",
          saveInto: ri!button,
          validationGroup: "save"/*<<-- NOTE this*/
          
        )
    )
  )
)

BTW: Take a look at VimalKumars proposal which is a valid solution It will depend on your use case but in those cases I prefer to have a generic message as a warning and add all the validations that you have on each field Like this.

 a!validationMessage(
  message: "Please <Action> Phone Number <Something>",/* < -- Note this*/
  validateAfter: "SUBMIT",
  showWhen: or(
    isnull(
      ri!phoneNumber
    ),
    trim(
      ri!phoneNumber
    ) = "",
    len(ri!phoneNumber) > 10 /* < -- Note this*/
  )
)

Jose

Shiva Valusa · Answer

Hi mohits0001, 
 
Please go through below link to get the things to be done. 
 
 community.appian.com/.../need-to-make-a-field-is-required-for-a-button-which-has-skipped-all-the-validation-including-this-field

vimalkumars · Answer

Hi mohits0001, 
 Try the below code. Here the required validation is added to the section layout on SUBMIT 
 a!formLayout(
 label: "Allow Save",
 contents: {
 a!sectionLayout(
 contents: a!columnsLayout(
 columns: {
 a!columnLayout(
 contents: {
 a!textField(
 label: "Name *",
 labelPosition: "ABOVE",
 value: ri!name,
 saveInto: ri!name,
 refreshAfter: "UNFOCUS",
 validations: {
 if(
 len(
 ri!name
 ) > 50,
 "Name cannot have more than 50 Characters",
 ""
 )
 }
 )
 }
 ),
 a!columnLayout(
 contents: {
 a!textField(
 label: "Phone Number *",
 labelPosition: "ABOVE",
 value: ri!phoneNumber,
 saveInto: ri!phoneNumber,
 refreshAfter: "UNFOCUS",
 validations: {
 if(
 len(
 ri!phoneNumber
 ) > 10,
 "Phone Number cannot have more than 10 Characters",
 ""
 )
 }
 )
 }
 )
 }
 ),
 validations: {
 a!validationMessage(
 message: "Name is required to submit",
 validateAfter: "SUBMIT",
 showWhen: or(
 isnull(
 ri!name
 ),
 trim(
 ri!name
 ) = ""
 )
 ),
 a!validationMessage(
 message: "Phone Number is required to submit",
 validateAfter: "SUBMIT",
 showWhen: or(
 isnull(
 ri!phoneNumber
 ),
 trim(
 ri!phoneNumber
 ) = ""
 )
 )
 },
 validationGroup: "SUBMIT"
 )
 },
 buttons: a!buttonLayout(
 primaryButtons: {
 a!buttonWidgetSubmit(
 label: "Submit",
 validationGroup: "SUBMIT",
 style: "PRIMARY"
 ),
 a!buttonWidgetSubmit(
 label: "Save",
 saveInto: {},
 style: "NORMAL"
 )
 }
 )
)