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 });
标签:
validate
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
2018-04-12 通过反射获取和设置对象私有字段的值