uniapp 中 textarea正则验证不准输入空格
时间: 2023-08-05 16:06:34 浏览: 108
在Uniapp中,textarea组件的正则验证不会阻止用户输入空格。这是因为正则表达式默认允许空格,可以通过修改正则表达式来禁止输入空格。
例如,如果要禁止输入空格,可以在正则表达式中使用`\S`代替`.*`,`\S`表示非空白字符,如下所示:
```
<template>
<textarea v-model="content" :pattern="'\\S+'"></textarea>
</template>
```
这样设置后,用户输入空格时会触发验证失败,无法提交表单。
相关问题
textarea正则验证不准输入空格
在 HTML 的 textarea 元素中,可以使用 pattern 属性对用户输入的内容进行正则表达式验证。但是,由于默认情况下正则表达式会允许空格的输入,因此如果要禁止用户输入空格,需要修改正则表达式。
例如,要验证用户输入的内容只包含字母、数字和下划线,可以使用如下的正则表达式:
```
<template>
<textarea v-model="content" pattern="[0-9a-zA-Z_]+"></textarea>
</template>
```
这样设置后,用户输入空格时会触发验证失败,无法提交表单。
如果需要更复杂的正则表达式验证,可以根据具体需求进行修改。需要注意的是,在使用 pattern 属性进行正则表达式验证时,需要使用双反斜杠对正则表达式进行转义。
uniapp中textarea读取光标
在Uniapp中,您可以通过以下方式读取TextArea的光标位置:
1. 获取TextArea组件的实例
```javascript
let textarea = uni.createSelectorQuery().select('#my-textarea');
let textareaComp = textarea._selectorQuery._defaultComponent;
```
2. 获取光标的位置
```javascript
let cursorPosition = textareaComp._textarea.selectionStart;
```
这样就可以获取TextArea中光标的位置了。注意,获取光标的位置只有在TextArea组件获得焦点时才能生效。
阅读全文