el-input限制不能输入中文

Zheng_xinle

已于 2022-09-14 10:39:32 修改

阅读量4.3k

点赞数 5

分类专栏： vue element

于 2022-05-31 14:13:24 首次发布

本文链接：https://blog.csdn.net/Zheng_xinle/article/details/125064766

版权

前端

vue 同时被 2 个专栏收录

13 篇文章

订阅专栏

element

10 篇文章

订阅专栏

el-input限制不能输入中文

 <el-input v-model="siteUrl" 
        onkeyup="value=value.replace(/[^\x00-\xff]/g, '')"
        >  
        </el-input>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Zheng_xinle

关注关注

5
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue el-input 限制输入内容

林一怂儿

07-13

1075

🤔日常项目中经常遇到既要el-input的样式，又要el-input-number限制，所以需要绑定@input事件进行约束输入限制。

el-input校验不能输入中文和空格

slx924的博客

09-23

3676

data() { var checkData=(rule, value, callback) =>{ if (value) { if (/[^\w\.\/]/ig.test(value)) { callback(new Error('请不要输入中文和空格！')); } else { callback(); } } callback(); } return.

2 条评论您还未登录，请先登录后发表或查看评论

javascript 表单验证禁止输入中文汉字

04-26

javascript 表单验证禁止输入中文汉字

vue3+elementPlus el-input禁止输入中文

liuzaixi的博客

03-22

1755

这种写法会自动去掉输入的中文，如果是其他规则，可以将正则替换成自己需要的就可以。这里有比较常用的正则，可以作为参考。

el-input 正则表达式校验输入框不能输入汉字

weixin_45393413的博客

10-09

1282

校验不能输入汉字

el-input输入框限制输入中英文简单方法

oo108127的博客

09-27

959

oninput="value=value.replace(/[^\u4e00-\u9fa5a-zA-Z]/ig, '')"

vue:el-input输入时限制输入的类型操作

10-15

比如要限制输入为手机号码，我们可以通过监听el-input的@input事件，在事件回调函数中通过正则表达式来判断是否为合法的手机号码格式。如果输入的内容不符合要求，可以清空该输入框或给出提示。对于动态创建的字段...

el-input 限制输入框只能输入数字和小数以及表单常用的校验规则

热门推荐

weixin_47194802的博客

05-26

1万+

那你就用 onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))"那就用这个onkeyup="value=value.replace(/[^\-?\d.]/g,'')"，不能输入汉字和字母。input输入框只能输入正整数和0。如果是正数负数0，包括小数都可以。

常用的el-input文本正则限制

qq_45838276的博客

05-27

2975

1、只能输入英文字母和数字,不能输入中文 <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"> 2、只能输入字母和汉字 <input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength.

input的一些输入限制，正则校验只能输入数字，正则校验不能输入中文

Sunny_lxm的博客

10-17

3729

input的一些输入限制1、input输入框只能输入正整数和0；只能输入大于0的正整数；不能输入中文，可以输入正数、负数、小数和字母；如果是正数负数0，包括小数都可以；只能取到小数点后两位

elment 输入框限制输入中文和空格

m0_56204898的博客

11-21

484

<el-input name="username" type="text" id="username" value=" " onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"></el-input>

input禁止纯中文输入

海北军

02-11

2730

<input onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" id="name1" name="mobile" maxLength="11">

element ui输入框限制英文数字中文输入

weixin_45750721的博客

07-10

888

element ui输入框限制英文数字中文输入

ie11下 input(input或者vue中input组件)输入框不能输入中文/不能切换输入法

Borage21的博客

08-05

3827

做vue项目发现elementui的el-input标签在ie11下不能输入中文，输入框聚焦时不能切换输入法为中文，解决办法： https://www.w3cschool.cn/doc_css/css-ime-mode.html https://blog.csdn.net/tyjlearning/article/details/72625377 ime-mode属性 ime-mode: auto...

el-input限制不能输入复数

07-28

要限制输入框不能输入负数，你可以结合使用 Element UI 的输入框组件和自定义的验证规则。下面是一个示例代码： ```vue <template> <el-input v-model="inputValue" :rules="rules" placeholder="请输入非负数"></el-input> </template> <script> export default { data() { return { inputValue: '', rules: [ { validator: (rule, value, callback) => { if (!value || value >= 0) { callback(); } else { callback(new Error('请输入非负数')); } }, trigger: 'blur' } ] }; } } </script> ``` 在上述代码中，我们使用了 Element UI 的输入框组件 `el-input`，并绑定了 `inputValue` 属性用于双向绑定输入框的值。同时，我们定义了 `rules` 数组，其中包含一个自定义的验证规则。该验证规则使用了 `validator` 函数，在输入框失去焦点时触发。在函数中，我们判断输入的值是否为空或者大于等于0，如果是，则调用 `callback()` 表示验证通过，如果不是，则调用 `callback(new Error('请输入非负数'))` 表示验证失败。这样，用户在输入框中输入负数时，会得到相应的错误提示。