随笔 - 195  文章 - 0  评论 - 5  阅读 - 20万

validate校验,记录一种思路

场景:表单完全是动态循环出来的:

1、必填校验

//必填标志//requid动态必填
<div class="form-group" th:if="${t.fieldType==1}">
   <label class="" th:classappend="${t.isRequired}==1 ? 'col-sm-3 control-label is-required' : 'col-sm-3 control-label' " th:text="${t.fieldTitle}+':'"></label>
   <div class="col-sm-8">
       <input class="form-control" th:placeholder="${t.fieldDesc}" th:name="${t.fieldName}" th:id="${t.fieldName}" 
type
="text" th:required="${t.isRequired}==1?true:false"/> </div> </div>

2、手机号校验

  //因为整个表单时循环出来的,字段也是动态的,所以无法通过固定的name属性或者自定义使用validate校验,

    如:

复制代码
$("#formId").validate({ //#formId form表单id
        rules:{
            //字段的name属性:"校验器"
            userName:"required",//required在此含义是必填
            //字段的name属性:{校验器:值,校验器:值}
            passWord:{
                required:true,
                digits:true //digits是整数校验器,后面写true表示启动此校验器
            }
        }
  });
复制代码

考虑在循环中:

复制代码
 let rulesObj={};
  for(let item of phoneList){
    rulesObj[item]={
      isPhone:true
    }
  }
  console.log(rulesObj);
  $("#form-task").validate({
    onkeyup: false,
    rules:rulesObj,
    focusCleanup: true
  });
复制代码

 

posted on   大山008  阅读(86)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
历史上的今天:
2018-04-12 通过反射获取和设置对象私有字段的值
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示