uniapp input框校验数据格式,只能输入汉字/数字/字母等

这篇具有很好参考价值的文章主要介绍了uniapp input框校验数据格式,只能输入汉字/数字/字母等。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

input框常用的正则表达式
<input class=“uni-input iptStyle” name=“input” placeholder=“未识别出信息” v-model=“form.fpNum” @input=“fpNumInput” maxlength=‘24’ />

fpNumInput(e) {
const o = e.target;
const inputRule = /(0+)|[\d]+/g //修改inputRule 的值
this.$nextTick(function() {
this.form.fpNum = o.value.replace(inputRule , ‘’);
})
},

1.只能输入数字
const inputRule = /[^\d]/g

2.只能输入字母
const inputRule = /[^a-zA-Z]/g

3.只能输入数字和字母
const inputRule =/[\W]/g

4.只能输入小写字母
const inputRule =/[^a-z]/g

5.只能输入大写字母
const inputRule =/[^A-Z]/g

6.只能输入数字和字母和下划线
const inputRule =/[^\w_]/g //下划线也可以改成%

7.只能输入中文
const inputRule =/[^\u4E00-\u9FA5]/g

8.只能输入数字和小数点
const inputRule =/[^\d.]/g

验证手机号是否正确
var phone=15054054532;
var strTemp = /^1[3|4|5|6|7|8|9][0-9]{9}$/;
if(strTemp.test(phone)){
console.log(“正确”)
}else{
uni.showToast({icon:‘none’,title:‘请输入正确的电话’});
return false
}

电话号码隐藏中间4位
var phonenumber=15054054532;
var reg = /^(\d{3})\d{4}(\d{4})$/;
this.phonenum=phonenumber.replace(reg, “$1****$2”)

转载:感谢分享
原文链接:https://blog.csdn.net/x_XDGS/article/details/120996210文章来源地址https://www.toymoban.com/news/detail-435463.html

到了这里,关于uniapp input框校验数据格式,只能输入汉字/数字/字母等的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • input限制只能输入数字,限制输入数字长度或者大小

    1.限制只能输入数字 方式一 :此方式只能控制输入的内容是数字,不能控制是否是正负数 方式二 :此方式可控制输入的内容是数字 了解一下 js replace : 拓展 1.限制输入的数字长4位 了解一下 js slice : 2.限制输入的数字最大值为10 3.限制输入的数字最小值为0 4.限制长度,大小

    2024年02月11日
    浏览(70)
  • input输入框输入只能输入数字、字母等组合的正则表达式

    1.限制input输入框只能输入大小写字母、数字、下划线的正则表达式: 2.限制input输入框只能输入小写字母、数字、下划线的正则表达式: 3.限制input输入框只能输入数字和点的正则表达式: 4.限制input输入框只能输入中文的正则表达式: 5.限制input输入框只能输入数字的正则表

    2024年02月03日
    浏览(47)
  • js 正则表达式 校验 input输入框 输入格式必须为日期yyyyMM

    要使用正则表达式校验 input 输入框的输入格式是否为日期格式 “yyyyMM”,你可以使用以下 JavaScript 正则表达式: 这个正则表达式匹配的是四位数年份和两位数月份,确保输入的格式为 “yyyyMM”。 以下是一个使用这个正则表达式的例子: 在这个例子中,当用户在 input 输入框

    2024年01月19日
    浏览(45)
  • QT QLineEdit 只能输入字母或数字,输入格式约束(正则表达式)

    1.只允许输入整型 ui-lineEdit-setValidator(new QIntValidator(ui-lineEdit)); 1 2.只允许输入数字 ui-lineEdit-setValidator(new QRegExpValidator(QRegExp(\\\"[0-9]+$\\\")));    1 3.只能输入字母和数字 ui-lineEdit-setValidator(new QRegExpValidator(QRegExp(\\\"[a-zA-Z0-9]+$\\\")));    1 3.1 只能输入大写数据: ui-lineEdit-setValidator(new QRegE

    2024年02月04日
    浏览(43)
  • 关于vue的element的输入框el-input限输入只能是数字,包含小数,正数,自然数等等。

    关于element的输入框el-input限输入只能是数字,就是包括数字123456,小数的只能一个小数点,不能出现多个小数点,小数可以0开头,但是整数不能0开头,不能输入文字,不能输入负数,所以对于这个我做了两个判断,一个是正则判断,还有一个是0开头的整数判断,正则判断是只

    2024年02月12日
    浏览(56)
  • 【uniapp】uniapp实现input输入显示数字键盘:

    一、官网文档: input | uni-app官网 二、文档: 三、效果: 【1】number:iPhone原生数字键盘不显示小数点 【2】digit: 【3】digit和inputmode:

    2024年02月06日
    浏览(48)
  • vue限制input框输入特殊字符和汉字

    在设计vue输入框时,限制input框输入特殊字符和汉字。 一开始参考此博客:https://blog.csdn.net/ks8380/article/details/96478522 进行特殊字符的限制, 代码如下: 此方法可以实现对特殊字符的限制,但当微软自带输入法输入中文时却会自动识别字母,此字母搜索框并未获取且无法正常

    2024年02月11日
    浏览(42)
  • input 输入框限制只能输入两位有效小数

    前端入门即教学,今天博主分享几个前端金额实用的小案例,复制拿过去就能用哦!    相信有很多前端小伙伴在工作中遇到过这样的需求,就是限制输入框内容只能输入两位小数吧,想了用正则但是又不知道怎么下手的同学,接下来博主分享一个小案例,下次遇到这个的时

    2024年02月01日
    浏览(40)
  • input输入限制:自动补全两位小数、金额限制两位小数、只能输入正整数

    金额自动补全两位小数 限制只能输入正整数 金额限制两位小数 金额限制两位数,支持输入负数

    2024年04月17日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包