jeesite学习(二)多个单选按钮必填校验

在利用jeesite框架开发项目的过程中,遇到一个需求:需给多个单选按钮添加必填校验。但是jeesite框架自带的单选按钮必填校验同时添加在了同一name下的所有单选按钮上,不能实现想要的效果,所有手动写了一个必填校验。
摘要由CSDN通过智能技术生成

        在利用jeesite框架开发项目的过程中,遇到一个需求:需给多个单选按钮添加必填校验。但是jeesite框架自带的单选按钮必填校验同时添加在了同一name下的所有单选按钮上,不能实现想要的效果,所有手动写了一个必填校验。

实现效果如下:

 实现代码:

1、自定义 " drawingRadioTpl " 模板,分别传递 id 、value 、radioYes('是'按钮选中)、radioNo('否'按钮选中)四个参数:

{header:'${text("是否符合要求")}', name:'hasConformRequirement', width:135, align:"center", fixed: true,
    editable:true, edittype:'custom', editoptions:{
        custom_element: function(val, editOptions) {
            return js.template('drawingRadioTpl',{
                id: editOptions.id,
                value: val,
                radioYes: val == '1' ? 'checked="checked
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
单选radio表单校验必填的方法是通过设置规则来实现。在引用\[1\]中的示例代码中,可以看到通过设置`:rules`属性来指定校验规则。在这个例子中,如果选择的值为"0",则输入框为非必填项,如果选择的值为"1",则输入框为必填项。具体的实现是通过在`ruleValidate`对象中定义校验规则,其中`is_need_meeting`对应的规则为`\[{ required: true, message: '此项为必填项', trigger: 'change' }\]`,表示选择"1"时为必填项。而在`<FormItem>`组件中,通过判断`applicationForm.is_need_meeting==='0'`来决定是否应用该规则。如果选择的值为"0",则应用`ruleValidate.meeting_room`规则,否则不应用规则。这样就实现了单选radio表单校验必填的功能。\[1\] \[3\] #### 引用[.reference_title] - *1* *3* [vue+iview单选按钮正则ruleValidate校验必填和非必填](https://blog.csdn.net/Zxiuping/article/details/130448444)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [ant组件radio换切导致表单校验失效](https://blog.csdn.net/weixin_51972964/article/details/119382200)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值