Script to change user entered values to uppercase letters in Adaptive Forms | Community
Skip to main content
nowackem
nowackem
Level 5
June 2, 2022
Solved

Script to change user entered values to uppercase letters in Adaptive Forms

  • June 2, 2022
  • 2 replies
  • 3085 views

Hello all! I'm building adaptive forms in AEM and I need assistance with a rule or script to force user entered data from a text field to upper case letters. In Designer we used this JS: xfa.event.change=xfa.event.change.toUpperCase(); Wondering how to get this same functionality into the Adaptive side of forms.

thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by nowackem

@mayank_gandhi I got this figured out! Thank you so much for trying to help. Here is what worked: 

Event: Value Commit 

Code Editor: this.value=this.value.toUpperCase()

2 replies

Mayank_Gandhi
Adobe Employee
Mayank_GandhiAdobe Employee
Adobe Employee
June 3, 2022

@nowackem XFA events are not for adaptive form. You can take 2 route:

 

1. you can use css:

to make a block of text have all capital letters, use text-transform: uppercase in your CSS selector. The text-transform property accepts three possible values: uppercase: Sets each word to uppercase in a text element.

 

2. JS:

var text = "Hello World!";
var result = text.toUpperCase();

 

CSS need to go in style editor or client libs and js will go in code editor. The event would be value commit,

 

    nowackem
    nowackemAuthor
    Level 5
    June 3, 2022

    @mayank_gandhi Thank you for your reply. I'm looking to use the JS option. I implemented the provided script but I'm not able to make it work. I do have the event set as Value Commit. Can you help me troubleshoot to figure out what I'm missing? Please let me know if you need other info from me to help me solve this. I appreciate it.

      Mayank_Gandhi
      Adobe Employee
      Mayank_GandhiAdobe Employee
      Adobe Employee
      June 3, 2022

      @nowackem send me your test form pls. 

        nowackem
        nowackemAuthorAccepted solution
        Level 5
        June 3, 2022

        @mayank_gandhi I got this figured out! Thank you so much for trying to help. Here is what worked: 

        Event: Value Commit 

        Code Editor: this.value=this.value.toUpperCase()

          Mayank_Gandhi
          Adobe Employee
          Mayank_GandhiAdobe Employee
          Adobe Employee
          June 4, 2022

          Of course you needed to set the value of the result back to the field. 

            Terms & ConditionsAccessibility statement

            Loading footer...