ValidForm表单验证如何和JqueryUI，DatePicker结合用？？

2013-09-10 10:28:03 356 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

SpringBoot+Vue+Mysql社区医院信息平台（源码+文档） SpringBoot+Vue+Mysql学生宿舍信息管理系统 WEB端软件项目（源码+文档）项目包含：①完整源码（后端+管理后台+用户前台）；②数据库脚本文件；③万字论文文档；④开题报告；⑤答辩PPT；⑥项目运行视频教程。项目架构： B/S 架构、MVC 分层设计技术栈： Java、MySQL、SpringBoot、MyBatis-Plus、Token 权限校验、管理后台 Vue+ElementUI+ECharts、用户前台 Layui+jQuery、Maven 构建。一、角色设计学生用户：注册登录、浏览宿舍信息、查询宿舍安排、在线报修、缴费查询、失物招领、桶装水预订、评论交流、收藏等。商家用户：注册登录、桶装水品牌与商品信息维护、预订订单查看与处理。维修人员：注册登录、查看待处理报修、接单维修、填写报修处理结果与进度反馈。管理员：学生管理、班级管理、宿舍信息管理、宿舍安排管理、报修处理管理、缴费信息管理、卫生检查与文明宿舍管理、失物招领管理、桶装水与商家管理、维修人员管理、公告资讯与轮播图管理等。二、前台功能模块（学生端） 1. 首页展示：轮播图、宿舍公告、最新动态推荐、常用服务快速入口 2. 宿舍信息模块：宿舍列表、楼栋与房间条件筛选、宿舍详情查看、我的宿舍安排查询 3. 在线报修模块：在线提交宿舍设施报修申请、上传故障描述、查看报修进度与维修处理结果 4. 缴费模块：水电等缴费记录查询、缴费状态查看 5. 卫生检查与文明宿舍：宿舍卫生检查结果公示、文明宿舍展示 6. 失物招领模块：失物信息发布、招领信息发布、详情查看、评论互动 7. 桶装水预订：桶装水品牌与商品浏览、在线预订、我的预订记录查询 8. 假期留宿：假期留校申请提交、申请记录查询 9. 评论与收藏：信息评论、查看他人评论、评论回复互动、收藏感兴趣的内容 10. 个人中心... 立即下载

ValidForm自带的日期组件不好用，选择时间太麻烦了

<input name="TxtProduredDate" type="text" class="TextBox" id="TxtProduredDate" datatype="*" nullmsg="请填写生产日期！" errormsg="时间的格式不正确！" readonly="readonly" />

$.datepicker.parseDate("yy-mm-dd", "2007-01-26");
$('#TxtProduredDate').datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true,
monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
yearRange: '1993:c'
});

会出现一个问题，验证的时机不会，应该是日期框隐藏之后才验证，而默认的是文本框失去焦点验证

...全文

YOLOv8作物病害检测实战源码这是一套基于YOLOv8n的农田病虫害目标检测系统，对叶片照片做目标检测，识别健康叶片、褐斑病、白粉病、锈病四类，并给出对应防治建议。全流程纯CPU可跑，配套交付完整Python源码、9章实战教程（md/html/pdf三种格式）、100张自造样本及YOLO标签、训练曲线与混淆矩阵截图、Tkinter界面和答辩PPT。系统围绕五项功能展开：同一套推理逻辑覆盖图像、视频、摄像头三种来源；图形界面选文件即检测，画面叠彩色框标注病名与置信度，右侧面板同步给出症状与防治措施；检测记录自动写入CSV，统计页一键生成四类病害占比饼图；训练结束自动产出损失与精度曲线；内置防治建议文案库，检测命中即回填面板。选型用YOLOv8n nano档，参数量约320万、权重约6.2MB，CPU单帧几十毫秒，小样本训练5到8分钟完成。数据由data_gen.py程序化绘制100张叶片图，固定随机种子，重跑分布一致，不依赖公开数据集。依赖全部锁版本，教程第7章整理了19条真实报错及排查方法，第8章给出换模型档、换PlantVillage数据集的迁移路径。适合做计算机视觉方向课程设计或毕业设计的学生，也适合智慧农业方向想了解检测模型如何落进业务面板的学习者。不需要GPU，不需要系统学过目标检测，教程第3章会按需补齐原理。使用时先pip install -r requirements.txt装好依赖，download_data.py下载预训练权重，data_gen.py生成样本后train.py训练，完成后用main.py infer批量检测或main.py gui启动界面。立即下载

webchengping

JavaScript 87,983 成员 224,680 内容

+ 关注 + 加入社区

切换为时间正序

conanhhy 2013-09-10

打赏
举报

估计LZ漏看了，JQUERY UI里关于DATEPICKER的API文档里有提到，呵呵

webchengping 2013-09-10

打赏
举报

引用 2 楼 conanhhy 的回复:

$.datepicker有一个onClose的事件，LZ可以在该事件里加入CHECK代码


$("#tbxStartDate").datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true,
        monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
        dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
        yearRange: '1993:c',
        onClose: function (selectedDate) {
            $("#tbxEndDate").datepicker("option", "minDate", selectedDate);
        }
    });

发现日期控件有onClose这个事件就知道解决方法了，官方JqueryUI里面DatePicker竟然没有把这个事件列出来，坑爹 http://api.jqueryui.com/datepicker/ 我的写法是这样的 var valid = $.registerform").Validform(); onClose: function () { if (window.valid) { valid.check(false, "#TxtProduredDate"); } }

conanhhy 2013-09-10

打赏
举报

刚才发的代码里，不小心贴上了多余的代码，重新附上


$("#tbxStartDate").datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true,
        monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
        dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
        yearRange: '1993:c',
        onClose: function (selectedDate) {
            // 日期验证
        }
    });

conanhhy 2013-09-10

打赏
举报

$.datepicker有一个onClose的事件，LZ可以在该事件里加入CHECK代码


$("#tbxStartDate").datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true,
        monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
        dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
        yearRange: '1993:c',
        onClose: function (selectedDate) {
            $("#tbxEndDate").datepicker("option", "minDate", selectedDate);
        }
    });

webchengping 2013-09-10

打赏
举报

validform 参考地址，谁遇到过这个问题？求解答！

ValidForm表单验证如何和JqueryUI，DatePicker结合用？？

相关推荐