一、details标签 (HTML)
details 字面意思是 “详情”,在markdown里也经常用,用该标签包裹了的内容默认会被隐藏,只留下一个简述的文字,我们点击以后才会展示详细的内容
默认情况下,简要文字为 “详情”,想要修改这个文字,要搭配 summary 标签来使用
<details>
<summary>点击查看更多</summary>
<p>我是一段被隐藏的内容</p>
</details>
效果:
二、验证规则同时验证手机号和固话号(JS)
注:手机号是11位,固话一般不会超12位;
下面这种是分别验证:
validatePhone(rule, value, callback) {
const mobileReg = /^(([1][3,4,5,7,8,9]\d{9})|([0]\d{10,11})|(\d{7,8})|([0]\d{2}|\d{3})-(\d{7,8}))$/
if (!value || value === '') return callback(new Error('请输入联系方式'))
if (value&&!mobileReg.test(value)) return callback(new Error('请输入正确的手机号码或者固话号码(固话格式:区号-号码)'))
return callback()
},
同时验证手机号码和固定电话号码:
validatePhone(rule, value, callback) {
const val =/^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/
if (!val .test(value))
return callback(new Error('请输入正确的手机号码或者固话号码'))
return callback()
}
三、验证Url地址是图片(JS)
var isImg = /\.(gif|jpg|jpeg|png|GIF|JPG|PNG|webp|svg)$/.test(file.url)
if (isImg) {
//这里可以处理需要的操作
return
}