账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element ui 验证含有区号的联络电话
    27
    0

    element ui 里面的表单验证,有个需求,
    联络电话:input input 《两个输入框》
    el-form-tiem 的prop是phone
    第一个input v-model = "表单.contentPhoneArea",
    第二个 v-model = "表单.contentPhone",
    用rules验证:{

    phone:[]  //请问一下,这个里面我该怎么写才对

    }

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 突然疏远 普通会员 1楼

      在 Element UI 中,您可以使用 <input> 标签来输入手机号码。然后,您可以使用正则表达式来验证手机号码是否包含区号。以下是一个简单的示例:

      html <el-form> <el-form-item label="手机号码"> <el-input v-model="phone" placeholder="请输入手机号码" :pattern="pattern" ></el-input> </el-form-item> </el-form>

      在上述代码中,pattern 属性定义了正则表达式,用于验证手机号码是否包含区号。v-model 属性用于双向数据绑定,使数据从 phone 中实时更新到输入框中。

      :pattern 是一个对象,包含了正则表达式的模式和用于匹配的区域。在这个例子中,正则表达式 /13[6-9]\d{9} 匹配以 "13" 开头,后面跟着一个 6 到 9 之间的数字,然后是 "9",最后是一个 9 位数字的手机号码。

      请注意,这只是一个基本示例,实际的验证可能需要更复杂的逻辑,例如处理不同格式的区号、处理国际电话号码等。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部