zoukankan      html  css  js  c++  java
  • Vue-邮箱正则验证

    <el-form ref="emailForm" :model="emailForm" :rules="rules" label-width="120px">
        <el-form-item label="电子邮箱" prop="mailAddress">
            <el-input placeholder="请填写邮箱地址" v-model="emailForm.mailAddress" @blur="sendEmail"></el-input>
        </el-form-item>
    </el-form>
        export default {
            name: 'email',
            data() {
                return {
                    emailForm: {
                        mailAddress: null
                    },
                    rules: {
                        mailAddress: [{ required: true, message: '请填写电子邮箱', trigger: 'change' }]
                    }
                }
            },
            methods: {
                sendEmail: function() {
                    var regEmail = /^[A-Za-z0-9u4e00-u9fa5]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/
                    if (this.emailForm.mailAddress != '' && !regEmail.test(this.emailForm.mailAddress)) {
                        this.$message({
                            message: '邮箱格式不正确',
                            type: 'error'
                        })
                        this.emailForm.mailAddress = ''
                    }
                }
            }
        }
  • 相关阅读:
    Java 日志
    编写用例文档
    uml用例关系
    地址线和数据线
    Android总结
    DbUtil数据库连接
    PropertiesUtil
    log4j.properties配置
    自定义博客样式
    css给文字加下划线
  • 原文地址:https://www.cnblogs.com/zltao/p/11007950.html
Copyright © 2011-2022 走看看