# Form

# Components

# Form

Component name: <v-form>

The v-form component makes it easy to add validation and make client side form requests.

# Form API

# Scoped Slot

For interacting with the form, we're exposing an object using Scoped slots.

This object contains the following:

# Input

Component name: <v-input>

# Input API

# File

Component name: <v-file>

# File API

# Textarea

Component name: <v-textarea>

# Basic

# Auto size

# Textarea API

# Select

Component name: <v-select>

# Select API

# Checkbox

Component name: <v-checkbox>

# Checkbox API

# Radio

Component name: <v-radio-group> + <v-radio>

# Radio API

# Toggle

Component name: <v-toggle>

# Toggle API

# Searchable select

Component name: <v-searchable-select>

Please find detailed documentation here: Searchable select.

# Datepicker

Component name: <v-date-picker>

# Datepicker API

# Supported languages

# Specifying language

<script>
window.CLIENT = {
  locale: 'ru' // ISO 639-1 language code
}
</script>

# Examples

# Basic form

# Validation (HTML5 validation)

Form validation helps us to ensure that users fill out forms in the correct format, making sure that submitted data will work successfully with our applications. For more information, see the Constraint validation guide.

# Client side POST request

# Async file upload

# Trigger request from event

# Errors and helper texts

# Handle ASP.NET errors

ASP.NET uses its own CSS classes, such as input-validation-error and field-validation-error which contains explanatory text for the error. If you provide content to the error slot supported by v-input, v-textarea, v-select and v-radio-group it will be considered an error description.

# State management

# Dynamically disabling/enabling submit button