vue验证手机号码
data: function () {const validataNameLength = (rule, value, callback) => { // 定义规则if (value != '' && this.GetStrLength(value) <= 20) {callback()} else {callback(new Error('长度超出限制'))}};..
·
data: function () {
const validataNameLength = (rule, value, callback) => { // 定义规则
if (value != '' && this.GetStrLength(value) <= 20) {
callback()
} else {
callback(new Error('长度超出限制'))
}
};
var validatePhone = (rule, value, callback) => {
if (value && value != "") {
if (
!/^1[0-9]{10}$/.test(
value
)
) {
callback(new Error("请输入正确的手机号码"));
} else {
callback();
}
} else {
callback();
}
}
return {
Height: window.innerHeight,
listLoading: false,
formLoading: false,
model: {
ui_userid: '',
ui_loginid: '',
ui_user_status: '',
ui_user_name: '',
ui_user_code: '',
ui_contact_phone: '',
ui_contact_extphone: '',
ui_contact_email: ''
},
rules: {
//这里是添加页面 验证是否输入值或者选择值 不填入会提示(参考JS验证不能为空)
ui_loginid: [{
required: true,
message: "登录ID(手机号)不能为空",
trigger: "change"
}, {// 对应item-prop
validator: validatePhone, // 对应上方规则
trigger: 'change'// 修改验证
}],
ui_user_name: [{
required: true,
message: "中文名不能为空",
trigger: "change"
}, {// 对应item-prop
validator: validataNameLength, // 对应上方规则
trigger: 'change'// 修改验证
}],
},
更多推荐
已为社区贡献2条内容
所有评论(0)