el-input

:rules=“rules” 驗(yàn)證必需要加

<el-formref="loginForm":model="loginForm":rules="rules" class="login-form"auto-complete="on"><el-form-item prop="account"><span class="font-container"><i class="iconfont icon-yonghu"></i></span><el-inputname="account"placeholder="賬號(hào)"type="text"/></el-form-item><el-form-item label="手機(jī)號(hào)碼" prop="phone"><el-inputmaxlength="11"placeholder="手機(jī)號(hào)"name="phone"type="text"></el-input></el-form-item></el-form>

data

data(){return {rules: {account: [{//第一種驗(yàn)證方式trigger: "blur",validator: (rule, value, callback) => {//中文驗(yàn)證var reg = /[^\u4e00-\u9fa5]/;if (value === "") {callback(new Error("請(qǐng)輸入賬號(hào)"));} else if (!reg.test(value)) {callback(new Error("賬號(hào)不能為中文"));} else {callback();}}}],phone: [{//第二種驗(yàn)證方式required: true,message: "請(qǐng)?zhí)顚?xiě)當(dāng)前用戶(hù)的手機(jī)號(hào)碼！",trigger: "blur"},{pattern: /^(1[2-9][0-9])\d{8}$/,message: "手機(jī)號(hào)碼格式不正確！",trigger: "blur"}],} }}常用正則表達(dá)式 https://blog.csdn.net/weixin_45161039/article/details/107966869

總結(jié)

以上是生活随笔為你收集整理的vue表单验证，中文验证的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。