JavaScript/jQuery TextArea - Limit the Text Length
To limit the text length, assign an integer number to the maxLength property. By default, the text length is unlimited.
jQuery
JavaScript
$(function() { $("#textAreaContainer").dxTextArea({ maxLength: 200 }); });
Angular
HTML
TypeScript
<dx-text-area [maxLength]="200"> </dx-text-area>
import { DxTextAreaModule } from "devextreme-angular"; // ... export class AppComponent { // ... } @NgModule({ imports: [ // ... DxTextAreaModule ], // ... })
Vue
<template> <DxTextArea :max-length="200"/> </template> <script> import 'devextreme/dist/css/dx.common.css'; import 'devextreme/dist/css/dx.light.css'; import { DxTextArea } from 'devextreme-vue/text-area'; export default { components: { DxTextArea } } </script>
React
import React from 'react'; import 'devextreme/dist/css/dx.common.css'; import 'devextreme/dist/css/dx.light.css'; import { TextArea } from 'devextreme-react/text-area'; class App extends React.Component { render() { return ( <TextArea maxLength={200}/> ); } } export default App;
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.