element数组验证

element数组验证
element 数组验证
================================================
var repairPart = { Name: '', Specs: '', Quantity: '' };
repairForm: [],
function goRepairAccountDiag(flag)
partArr.forEach((name, index) => {
var part = JSON.parse(JSON.stringify(repairPart));
part.Name = name;
if (name=="测试针" && socketModel) {
part.Specs = socketModel;
}
part.Quantity = '1';
});
-----------------------------------------------------
<el-form :model="repairForm" ref="repairForm" >
<el-form :model="item" ref="parts"  v-for="(item, index) in repairForm" :key="index" :inline="true" >
<el-form-item :label="'耗材'+(index+1)+':'" :key="item.key" label-width="80px" >
<el-input type="text" v-model="item.Name" readonly ></el-input>
</el-form-item>
<el-form-item  prop= "Specs"
:rules="[{ required: true, message: '请选择材料规格', trigger: 'change' }]">
<el-select v-model="item.Specs" clearable filterable allow-create
placeholder="@UtilConstants.List_Select_Text">
<el-option v-for="model in PartModelList" :key="model.Value" :label="model.Text" :value="model.Value"></el-option>                    </el-select>
</el-form-item>
<el-form-item prop="Quantity"
:rules="[{ required: true, message: '请输⼊下架数量', trigger: 'blur' },]">
@*{ min: 1, message: '数字需⼤于0', trigger: 'blur' }*@
<el-input type="number" v-model.number="item.Quantity" ></el-input>
</el-form-item>
</el-form>
</el-form>
-------------------------------------------------
function submitRepairForm(formName) {
debugger;
// 总的页⾯验证结果标志
var validPass = true;
this.$refs[formName].validate((valid) => {
debugger;
if (valid) {
debugger;
for (var i=0; i < this.$refs["parts"].length; i++) {
this.$refs["parts"][i].validate(isValid => {
if (isValid == 0) {
validPass = false;
return false;
}
});
}
} else {
console.log(formName + 'error submit!!');
return false;
}
if (validPass) {
// 通过验证,提交数据
// KeepAccountsOfConsumableMaterial(toolingType,toolingModel,materialName,count)
this.$http.post('KeepAccounts', { parts: pairForm }, { emulateJSON: true }
).then(function (res) {
if (res.data.ReturnResult == '0') {
//在wxt记账成功
this.showMessage('repair', 'success', res.data.ReturnMessage);
//防⽌重复记账
this.isAccountDisabled = true;
} else {
this.showMessage('repair', 'error', res.data.ReturnMessage);
}
}, function () {
this.showMessage('error', '@SEMI.TMS.Resources.StringResource.Sys_ExeFail');
});
}
});
}
-----------------------------
{ pattern: /^[\u4E00-\u9FA5]+$/, message: '⽤户名只能为中⽂', trigger: 'blur' }
{ validator: Verify.validatePassword, trigger: 'blur' }
{ min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' }
<div v-for="(item, index) in $s.syncArchive.form" :key="index"> <el-form-item
label="类型"
:prop="'form.' + index + '.chartType'"
:rules="{ required: true, message: '请选择表类型', trigger: 'blur' }">
<el-select
v-model="item.chartType"
v-for="option in options">
<el-option
:key="option.option"
:value="option.value"
:
label="option.label"/>
</el-select>
</el-form-item>
</div>

本文发布于:2024-09-20 20:46:07,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/4/87878.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:验证   选择   数量   户名
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议