<!-- 正整數 --> <el-form-item prop="total" label="發行量"><el-input v-model.number="form.total" placeholder="發行量" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/> </el-form-item><!-- 0和正整數 --> <el-input v-model.number="form.order" placeholder="排序" onkeyup="value=value.replace(/[^\d]+/g,'')"/><!-- 金額，保留兩位小數 --> <el-form-item prop="min_price" label="最低使用價格"><el-input-number v-model.number="form.min_price" placeholder="最低使用價格" type="number" :precision="2"/> </el-form-item> // 表單校驗rules: {mgGoodsId: [{required: true, message: '請輸入商品id', trigger: 'blur'}],mgOrder: [{required: true, message: '請輸入排序', trigger: 'change'},{validator: (rule, value, callback) => {if (value < 0) {callback(new Error('需要大于0'))} else if (value > 10000000) {callback(new Error('需要小于10000000'))} else {callback()}},trigger: 'blur'}],}

---

校驗輸入框內容

<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body><el-form ref="form" :model="form" :rules="rules" label-width="80px"><el-form-item label="物流公司" prop="logisticsCompany"><el-input v-model="form.logisticsCompany" placeholder="請輸入物流公司" oninput="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')" /></el-form-item><el-form-item label="物流單號" prop="logisticsCode"><el-input v-model="form.logisticsCode" placeholder="請輸入物流單號" oninput="value=value.replace(/[^\w]/g,'')" /></el-form-item><el-form-item label="備注" prop="remark"><el-input v-model="form.remark" placeholder="備注" /></el-form-item></el-form><div slot="footer" class="dialog-footer"><el-button type="primary" @click="submitForm">確 定</el-button><el-button @click="cancel">取 消</el-button></div></el-dialog> oninput用正則結合elementui // 表單校驗rules: {logisticsCompany: [{ required: true, message: "物流公司不能為空", trigger: "blur" },{min: 1, max: 20, message: '長度在 1 到 20 個字符', trigger: 'blur'}],logisticsCode: [{ required: true, message: "物流單號不能為空", trigger: "blur" },{min: 1, max: 20, message: '長度在 1 到 20 個字符', trigger: 'blur'}],remark: [{min: 1, max: 20, message: '長度在 1 到 20 個字符', trigger: 'blur'}]},

更多正則

總結

以上是生活随笔為你收集整理的elementui-input限制输入正整数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。