精华内容
下载资源
问答
  • //正则验证:直接引入组件,传需要验证的参数即可,不需要再写test /** * 邮箱 * @param {*} s */ export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/...
    //正则验证:直接引入组件,传需要验证的参数即可,不需要再写test
    
    /**
     * 邮箱
     * @param {*} s
     */
     export function isEmail (s) {
        return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)
      }
      
      /**
       * 手机号码
       * @param {*} s
       */
      export function isMobile (s) {
        return /^1[0-9]{10}$/.test(s)
      }
      
      /**
       * 电话号码
       * @param {*} s
       */
      export function isPhone (s) {
        return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s)
      }
      
      /**
       * URL地址
       * @param {*} s
       */
      export function isURL (s) {
        return /^http[s]?:\/\/.*/.test(s)
      }
      
    
    展开全文
  • 验证邮箱和手机号 //验证邮箱的规则 var checkEmail = (rule,value,cb) =>{ const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/; if(regEmail.test(value)){ ...

    验证邮箱和手机号

    在这里插入图片描述

     		//验证邮箱的规则
            var checkEmail = (rule,value,cb) =>{
                const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
                if(regEmail.test(value)){
                    //合法的邮箱
                    return cb()
                }
                cb(new Error("请输入合法的邮箱"))
            }
            //验证手机号码的规则
            var checkMobile = (rule,value,cb) =>{
                const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/ 
                if (regMobile.test(value)) { 
                    //合法的手机号码
                    return cb() 
                }
                cb(new Error('手机号码格式不正确'))     
            }
    
    email: [
               {required: true,message: '请输入邮箱',trigger: 'blur'},
               {validator: checkEmail, trigger: 'blur'}
            ],
            mobile: [
               {required: true,message: '请输入手机号码',trigger: 'blur'},
               {validator: checkMobile, trigger: 'blur'}
            ]
    

    最后,看完本篇博客后,觉得挺有帮助的话,可以继续查看专栏其它内容嗷,一起来学习Vue吧~
    在这里插入图片描述

    点击进入Vue❤学习专栏~

    学如逆水行舟,不进则退
    
    展开全文
  • 通过在 <el-form :inline="true" :model="dataForm" :rules="dataFormRules" ref="dataForm" :size="size" > </el-form> 里有 <el-form-item label="联系电话:" prop="phone" v-model="dataForm....

    通过在

    <el-form :inline="true" :model="dataForm" :rules="dataFormRules" ref="dataForm" :size="size" >
    </el-form>
    

    里有

    <el-form-item label="联系电话:" prop="phone" v-model="dataForm.phone">
    	{{dataForm.cellphone}}
    </el-form-item>
    

    可以在dataFormRules里面加上规则

    dataFormRules: {				
    	phone:[
    		{required:false,message:'请输入正确的联系方式', 	pattern:/^1[3456789]\d{9}$/,trigger:'blur'}
    				]
    			},
    

    其中

    pattern:/^1[3456789]\d{9}$/
    

    用来验证手机号

    展开全文
  • 1. 给页面表单对象添加验证属性 由于我的项目使用的el-form,则给el-form添加属性 :rules="registerRules" ref="registerForm" 为el-form-item每个表单子项添加 prop 属性, 例如 <el-form-item prop=...
  • 正则验证年龄 let checkAge = (rule, value, callback) => { let reg = /^(?:[1-9][0-9]?|1[01][0-9]|120)$/; //年龄是1-120之间有效 if (value == undefined) { callback([new Error("帐号输入不合法")]); ...
  • cb) => { // 验证邮箱的正则表达式 const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; if (regEmail.test(value)) { // 合法的邮箱 return cb(); } cb(new Error("请输入合法的邮箱")); }...
  • vue验证正则表达式

    2021-01-14 16:17:09
    校验正则表达式 需求:不可以出现非法字符串和空格 正则表达式:都是写在/里面的/ \s是空格的意思,但是在这里需要一个转义符\ 在这个组件里面识别不了,所以加了转义符,大家可以试一下自己的组件中是否需要转义符 ...
  • 写的注册模块,现在前端验证输入的字符串是否是合法的,但是这步if判断总是过不去 [img=https://img-bbs.csdn.net/upload/202003/25/1585111520_948231.png][/img][img=...
  • 主要介绍了微信小程序实现简单input正则表达式验证功能,结合实例形式分析了微信小程序input组件事件绑定及正则验证相关操作技巧,需要的朋友可以参考下
  • 1、 验证邮箱的规则 ...//验证邮箱的正则表达式 constregEmail=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/ if(regEmail.test(value))returncallback() callback(newError('请输入合法的邮箱')) }...
  • 正则表达式验证邮箱、IP地址、手机号码
  • 需求:个人中心注册,输入邮箱,若有误,显示错误信息 效果: 思路: 除了邮箱的...变量名)) { } 思路与#vue# js正则表达式——实现手机号校验效果基本一致 (具体可以查看链接) demo 示例 登录 请输入正确的邮箱!
  • vue中使用正则表达式export const validatorCheck = (rule, value, callback) =&gt; { if (value == '' || value == undefined) { callback(); } else { //正则验证 switch (rule) { case 'number': //...
  • <template> <div class="addUser"> <!-- 点击添加用户对话框 --> <!-- 添加用户表单 --> <el-form :model="addUser" :rules="addUserRules" ref="addUser" label-width="auto"&...e
  • vue.js手机号正则表达式验证

    万次阅读 2018-09-08 15:26:05
    getCode() { if (this.mobile === '') { this.$vux.toast.show({ type: 'text', text: '请输入手机号', time: 2000 }); this.selected = tru...
  • 一:data中加入 let zhze= (rule, value, callback) => { //alert(value+"----------"+rule+"----------") var iscode =/^[a-zA-Z]+$/.test(value); if(!iscode) { ...
  • 废话不多说了,先给大家看一段代码吧 function isCardNo(card) { // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X var reg = /(^\d{15}$)|(^\d{18}$)|(^\d...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,562
精华内容 1,424
关键字:

vue正则表达式验证

vue 订阅