---
description: How to convert field input to UPPERCASE after leaving field selection
---

# Convert Values to UPPERCASE (Option A)

![an Applicant Name converting to UPPERCASE after leaving the field](https://3087753818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzNSSXajDFpzOv2IhIv%2F-MeW_USj_9SpnZsxbzn6%2F-Me_tT0arlDDXmLaSmHh%2Fimage.png?alt=media\&token=df147fe9-39ed-4b40-9301-bead61108f2d)

### The JS

The function

```javascript
/*****************************************/
/*** Convert Field/Inputs to UpperCase ***/
/*****************************************/
$(document).on("knack-page-render.any", function (event, page) {
```

We create a handler that uses the focusout function. We can create one that applies to an entire field type such as the Name field (i.e. Customer Name and Reviewer Name)

```javascript
// All Name Fields
$(".kn-input-name input").focusout(function () {
  this.value = this.value.toUpperCase();
});
```

or we can target a specific field by using the Knack Field ID.

```javascript
// License Plate 1
$("input#field_232").focusout(function () {
  this.value = this.value.toUpperCase();
});
```

and dont forget to close the function.

```
})
```

Example of full code block

```javascript
/*comment*/
$(document).on('knack-page-render.any', function(event, page) {
  $("input#field_232").focusout(function () {
    this.value = this.value.toUpperCase();
  });
})
```

### The CSS

None needed 😎

### How to Implement

Adjust field input type or Field ID and you are set 👍

```
".kn-input-name input"
```

```
"input#field_232"
```
