inputNumber设置必填项

设置input必填项时，写法如下：

<a-form-model :model="form" :rules="rules"><a-form-model-item label="Instant delivery" prop="desc"><a-input v-model="form.desc" /></a-form-model-item>
</a-form-model>
export default {data() {return {rules: {desc: [{ required: true, message: '请输入', trigger: 'blur' }]}}}}

通过 rules 属性传入约定的验证规则，并将 v-model中的变量值设置为 prop 属性需校验的字段名即可

当v-model中的变量过长时，写法如下：

<a-form-model :model="form" :rules="rules"><a-form-model-item label="计划进箱" :prop="'entrancePlanList.' + planIndex + '.planContainerCount'" :rules="[{ required: true, message: '请输入计划进场箱数', trigger: 'blur' }]"><a-input-number v-model.trim="form.entrancePlanList[planIndex].planContainerCount" :min="1" :precision="0" style="width:100%;"/></a-form-model-item>
</a-form-model>

注意：rules为验证规则，prop设置必填属性

prop写的内容要与v-model中的变量值一致：
:prop="'entrancePlanList.' + planIndex + '.planContainerCount'"
v-model的值：v-model.trim="form.entrancePlanList[planIndex].planContainerCount"

inputNumber设置必填项相关推荐

js文本框设置必填项_Jquery文本框小例（必填框）
//当光标离开文本框的时候如果文本框为空,则将文本框边框色设置为红色,如果不为空则为白色.提示:焦点进入控件的事件是focus或者mousedown,焦点离开控件的事件是blur. $(functio ...
vue 上传附件设置必填项
在提交表单的时候动态移除, this.$refs.image.clearValidate(); this.rules.imageUrl = [] 如果上传成功就把必填项动态移除,
如何设置dedecms自定义表单必填项？
用dedecms自定义表单可以制作一个简单的预约系统,有些相关信息需要设置为必填项,比如联系方式,没有留下真实的电话或其他信息,以后要怎么联系到你的客户.那我们要如何设置织梦cms自定义表单必填项呢? ...
ExtJS4为form表单必填项添加红色*标识
通常情况下,ExtJS4的form表单必填项在输入状态下会有特殊提示,非输入状态下,显示却和其他项没有任何区别.为使必填项更加容易区分,我们需要根据allowBlank的属性值,为form表单中的必填 ...
android textview 必填,在android中如何使用Html渲染的方式实现必填项前面的*号
本篇文章主要介绍了android中使用Html渲染的方式实现必填项前面的*号示例,具有一定的参考价值,有兴趣的可以了解一下项目的个人基本信息UI界面效果图如下,有一个红色的*号,并且跟它挨着的文字颜 ...
Ecshop会员注册的Email 电子邮箱改成非必填项
ECSHOP后台"会员注册项设置"可以调置注册项是否必填 ,但是注册时的EMAIL电子邮箱后台是无法设置必填的.但可以通过修改文件来实现 email电子邮箱非必填. 修改方法: ...
div.php织梦自定义表判断不能为空,织梦自定义表单字段为必填项的教程
织梦自定义表单用的最多的就是制作留言板,报名等功能,但是添加的字段不填写就能提交,容易被恶意提交,为了防止这些,我们可以把这些字段选项设定为必填项. 方法如下: 1. 用php验证在plus/diy ...
【CSS系列】CSS 实现必填项前/后添加红色星号
在一些必填项的标签加星,来提示用户,怎么实现呢?请看本文介绍的两种方法. 1 . 常规写法 <label><span style="color:red;"> ...
layui自带验证体系：手机号验证、邮箱验证、必填项非空验证、数字验证（含代码、案例）
layui自带验证体系:手机号验证.邮箱验证.必填项非空验证.数字验证(含代码.案例) 案例 · 截图: 实例代码: <!DOCTYPE html> <html> <he ...

inputNumber设置必填项

设置input必填项时，写法如下：

当v-model中的变量过长时，写法如下：

inputNumber设置必填项相关推荐

最新文章

热门文章