Limit the String Length

To limit the string length, assign an integer number to the maxLength option. By default, the string length is unlimited.

jQuery

JavaScript

$(function() {
    $("#textBoxContainer").dxTextBox({
        maxLength: 10
    });
});

Angular

HTML

TypeScript

<dx-text-box
    [maxLength]="10">
</dx-text-box>

import { DxTextBoxModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxTextBoxModule
    ],
    // ...
})

React

import React from 'react';
import { TextBox } from 'devextreme-react/text-box';

class App extends React.Component {
    render() {
        return (
            <TextBox
                maxLength={10}
            />
        );
    }
}

export default App;

Limit the String Length

jQuery

Angular

React

See Also