> For the complete documentation index, see [llms.txt](https://redd.gitbook.io/react-advanced-form/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://redd.gitbook.io/react-advanced-form/components/field/callbacks/on-blur.md).

# onBlur

## Specification

Event handler called when a field loses focus.

## Definition

```typescript
type OnBlur = (params) => void
```

## Parameters

| Parameter name | Type     | Description                        |
| -------------- | -------- | ---------------------------------- |
| `event`        | `Event`  | Native event reference.            |
| `fieldProps`   | `Object` | Props of the current field.        |
| `fields`       | `Object` | Reference to all fields of a form. |
| `form`         | `Object` | Form component reference.          |

## Example

```jsx
import React from 'react'
import { Form } from 'react-advanced-form'
import { Input } from 'react-advanced-form-addons'

export default class Example extends React.Component {
  handleUsernameBlur = ({ event, fieldProps, fields, form }) => {
    // ...
  }

  render() {
    return (
      <Form>
        <Input
          name="username"
          onBlur={this.handleUsernameBlur}
          required />
      </Form>
    )
  }
}
```