前言:onkeyup,onchange,oninput 区别
a、onkeyup = "value=value.replace(/[^\d]/g,'')"
应用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输出汉字之后间接回车,会间接输出字母
b、onchange = "value=value.replace(/[^\d]/g,'')"
应用 onchange 事件,在输出内容后,只有 input 丢失焦点时才会失去后果,并不能在输出时就做出响应
c、oninput = "value=value.replace(/[^\d]/g,'')"
应用 oninput 事件,完满的解决了以上两种问题,测试临时还没有呈现其它问题。
注释
1.只容许输出负数含小数(小数限度位数)
input事件,keyup事件(不举荐,输出字母能看见革除动作)
inputTradeNum() { var reg = /^(\.*)(\d+)(\.?)(\d{0,2}).*$/g; if (reg.test(this.params.num)) { //正则匹配通过,提取无效文本 this.params.num = this.params.num.replace(reg, "$2$3$4"); } else { //正则匹配不通过,间接清空 this.params.num = ""; } return this.params.num; //返回符合要求的文本(为数字且最多有带2位小数) },
2.只容许输出负数含小数(小数未限度,不罕用)
inputTradeNum(){this.params.num= this.params.num.replace(/[^\d^\.]+/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')},
3.判断字符串是否含有数字、字母、特殊字符
const reg = new RegExp( "(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{6,30}" ); //必须含有数字、字母、特殊字符,三个缺一不可 if (!reg.test(self.form.password)) { self.$message.error(self.$t("register.t31")); return; }
4.只能输出数字和英文
<input v-model.trim="value" @keyup="value=value.replace(/[\W]/g,'')">
5.只能输出数字
<input v-model.trim="value" @keyup="value=value.replace(/[^\d]/g,'')">
6.只能输出全角
<input v-model.trim="value" @keyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')">
7.只能输出汉字
<input v-model.trim="value" @keyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
8.邮件地址验证
<input v-model.trim="value" @keyup="test" />var regu = "^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"var re = new RegExp(regu); if (this.value.search(re) != -1) { return true; } else { window.alert ("请输出无效非法的E-mail地址 !") return false; }
9.身份证
<input v-model.trim="value" @keyup="test" />var regu = "^\\d{17}(\\d|x)$"var re = new RegExp(regu); if (this.value.search(re) != -1) { return true; } else { return false; }
10.17种正则表达式 (未验证)
"^\\d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\\d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1-9][0-9]*$" //负整数 "^-?\\d+$" //整数 "^\\d+(\\.\\d+)?$" //非负浮点数(正浮点数 + 0) "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$" //正浮点数 "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //非正浮点数(负浮点数 + 0) "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" //负浮点数 "^(-?\\d+)(\\.\\d+)?$" //浮点数 "^[A-Za-z]+$" //由26个英文字母组成的字符串 "^[A-Z]+$" //由26个英文字母的大写组成的字符串 "^[a-z]+$" //由26个英文字母的小写组成的字符串 "^[A-Za-z0-9]+$" //由数字和26个英文字母组成的字符串 "^\\w+$" //由数字、26个英文字母或者下划线组成的字符串 "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址 "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" //url