小编imn*_*k18的帖子

如何在 vue js 中使用数字和正则表达式进行验证?

我必须验证仅接受数值的文本框,并且数字必须以 7 或 8 或 9(正则表达式)开头。

我已经完成了 maxlength、minlength 和 required 规则。哪些工作正常。但我不知道如何验证只接受数字和正则表达式。我尝试了一些语法但没有用。

<tab-content title="RELATIONSHIP DETAILS" icon="ti-info-alt" :before-change="validateFirstStep">
<el-form :inline="true" :model="formInline1" class="demo-form-inline" :rules="rules1" ref="ruleForm1">
<el-form-item label="Mobile Number" prop="mobno">
          <el-input maxlength="10" v-model="formInline1.mobno" placeholder="Mobile Number"></el-input>
        </el-form-item>

</el-form>

    </tab-content>

<script>
const app= new Vue({
   el: '#app',
     data() {
       return {
         formInline1: {
mobno:'',
},
         rules1: {
 mobno: [{
             required: true,
             message: 'Please enter Mobile Number',
             trigger: 'blur'
           }, {
             min: 10,
             max: 10,
             message: 'Length must be 10',
             trigger: 'blur'
           }],
}
       },
       methods: { …
Run Code Online (Sandbox Code Playgroud)

php regex element vue-component vuejs2

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

element ×1

php ×1

regex ×1

vue-component ×1

vuejs2 ×1