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>