Appearance
正则
示例
手机号
手机号的正则关键字为m_Mobile,校验方法为m_IsMobile
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsMobile, m_Mobile } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsMobile(this.value);
console.log(m_Mobile);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>座机号
座机号的正则关键字为m_StudioCamera,校验方法为m_IsStudioCamera
短横线-可有可无
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsStudioCamera, m_StudioCamera } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsStudioCamera(this.value);
console.log(m_StudioCamera);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>邮箱
邮箱的正则关键字为m_Email,校验方法为m_IsEmail
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsEmail, m_Email } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsEmail(this.value);
console.log(m_Email);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>身份证
邮箱的正则关键字为m_IdCard,校验方法为m_IsIdCard
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsIdCard, m_IdCard } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsIdCard(this.value);
console.log(m_IdCard);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>数字
数字的正则关键字为m_Digit,校验方法为m_IsDigit
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsDigit, m_Digit } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsDigit(this.value);
console.log(m_Digit);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>数字字母
数字字母的正则关键字为m_DigitLetter,校验方法为m_IsDigitLetter
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsDigitLetter, m_DigitLetter } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsDigitLetter(this.value);
console.log(m_DigitLetter);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>中文
数字字母的正则关键字为m_Chinese,校验方法为m_IsChinese
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsChinese, m_Chinese } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsChinese(this.value);
console.log(m_Chinese);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>中英文数字下划线
中英文数字下划线的正则关键字为m_CnEnNuLine,校验方法为m_IsCnEnNuLine
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsCnEnNuLine, m_CnEnNuLine } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsCnEnNuLine(this.value);
console.log(m_CnEnNuLine);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>英文
英文的正则关键字为m_English,校验方法为m_IsEnglish
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsEnglish, m_English } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsEnglish(this.value);
console.log(m_English);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>大写英文
大写英文的正则关键字为m_CapitalEnglish,校验方法为m_IsCapitalEnglish
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsCapitalEnglish, m_CapitalEnglish } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsCapitalEnglish(this.value);
console.log(m_CapitalEnglish);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>Ipv4
Ipv4 的正则关键字为m_Ipv4,校验方法为m_IsIpv4
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsIpv4, m_Ipv4 } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsIpv4(this.value);
console.log(m_Ipv4);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>Url
Url 的正则关键字为m_Url,校验方法为m_IsUrl
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsUrl, m_Url } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsUrl(this.value);
console.log(m_Url);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>国内邮编
国内邮编的正则关键字为m_PostCode,校验方法为m_IsPostCode
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsPostCode, m_PostCode } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsPostCode(this.value);
console.log(m_PostCode);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>社会信用代码
社会信用代码的正则关键字为m_SocialCreditCode,校验方法为m_IsSocialCreditCode
vue
<template>
<div class="regular">
<el-input
v-model="value"
placeholder="请输入" />
<el-button
type="primary"
@click="check">
校验
</el-button>
</div>
</template>
<script>
import { m_IsSocialCreditCode, m_SocialCreditCode } from '@mosowe2/js';
export default {
data() {
return {
value: ''
};
},
methods: {
check() {
const result = m_IsSocialCreditCode(this.value);
console.log(m_SocialCreditCode);
this.$message({
type: result ? 'success' : 'error',
message: result ? '校验通过' : '校验失败'
});
}
}
};
</script>