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
Feedback