<el-form :model="ruleForm" :rules="rules" ref="ruleFormRef">
<el-form-item label="用户名" prop="username" :label-width="formLabelWidth">
<el-col :span="8"> <el-input v-model="userlist.username" ></el-input></el-col>
</el-form-item>
<el-form-item label="电话" prop="phone" :label-width="formLabelWidth">
<el-col :span="8"> <el-input v-model="userlist.phone" placeholder="请输入电话"></el-input></el-col>
</el-form-item>
<el-form-item label="密码" prop="email" :label-width="formLabelWidth">
<el-col :span="8"> <el-input v-model="userlist.pass" placeholder="请输入密码"></el-input></el-col>
</el-form-item>
<el-form-item label="邮箱" prop="email" :label-width="formLabelWidth">
<el-col :span="8"> <el-input v-model="userlist.email" placeholder="请输入邮箱"></el-input></el-col>
</el-form-item>
</el-form >
export default {
data() {
rules: {
username:[{required: true, message: "请输入用户名"} ]
phone: [
{ required: true, message: "请输入电话号码" },
{ pattern: /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/, message: "手机格式不对" }
],
email: [
{ required: true, message: "请输入电子邮箱" },
{ pattern: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/, message: "请输入有效的邮箱" }
],
pass: [ { required: true, message: "请输入密码" } ],
}
}
}
vue中实现基本信息验证
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 怎样反思自己的教学——学习杜威《我们怎样思维》有感 2015-01-13 14:56:52 来源：普宁市第三中学网...
- i: WHY:为何要学习这篇文章？对显性知识进行管理是知识经济时代我们作为知识工作者必须学会的知识管理的技术，也是...
