1.element-ui中el-input数字和小数输入
oninput ="value=value.replace(/[^\d]/g,'')" //只能输入数字 oninput ="value=value.replace(/[^0-9.]/g,'')" //只能输入数字和小数
2.el-input可以输入正负浮点数
console.log("-0.5".match(/\-?\d+\.?\d+/)); // [ "-0.5" ]
console.log("dfs-0.5df5dsf".replace(/[^(\-?\d+\.?\d+)]/g,"")); //-0.55
console.log(/^\-?\d+\.?\d+$/.test("-0.5")); //true
3.element-ui中el-input的输入框之手机号验证
手机号验证
mobile:
[
{
required: true,
message: "请输入正确的手机号",
trigger: "blur"
},
{
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
message: "手机号格式不对",
trigger: "blur"
}
]
4.element-ui中el-input的输入框之用户名验证
username:
[
{
required: true,
message: "请输入正确的用户名",
trigger: "blur"
},
{
min: 4,
max: 30,
message: "长度在 4 到 30 个字符",
trigger: "blur"
},
{
pattern: /^[0-9a-zA-Z]*$/g,
message: "用户名格式不对,字母或数字或组合",
trigger: "blur"
}
]
5.element-ui中el-input的输入框之字符串验证
nation:
[
{ required: true, message: "请输入正确的民族", trigger: "blur" },
{
pattern: /^[\u4e00-\u9fa5]{0,}$/,
message: "请输入正确的民族",
trigger: "blur"
}
],
6.element-ui中el-input的输入框之邮箱验证
email:
[
{ required: true, message: "请输入正确的邮箱", trigger: "blur" },
{
pattern: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/,
message: "邮箱格式不对",
trigger: "blur"
}
]
7.element-ui中el-input的输入框之身份证号码验证
idNumber:
[
{ required: false, message: "请输入", trigger: "blur" },
{
pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
message: "证件号码格式有误！",
trigger: "blur"
}
],
