Easyui validator.js 表单日期框校验问题黑科技处理方式

最新推荐文章于 2019-07-12 11:48:51 发布

蔚蓝色天空sky

最新推荐文章于 2019-07-12 11:48:51 发布

阅读量2k

点赞数

分类专栏： Easyui validator 文章标签： easyui validator datebox校验黑科技

本文链接：https://blog.csdn.net/ytangdigl/article/details/73856974

版权

在使用Easyui validator.js进行表单校验时，遇到日期框和下拉框被忽略不校验的问题。经过分析，发现原因是validator.js不校验hidden域。通过在日期框外的div添加id并自定义checkForm和inputTips函数，成功解决了这个问题，实现了有效且便捷的校验。

摘要由CSDN通过智能技术生成

1、前言
最近项目中使用Easyui validator.js,在做表单校验时碰到日期框、下拉框会不校验，自动忽略过去不校验。给过上网查资源、和朋友讨论，最后使用轻量的黑科技处理方式，轻松、快捷、有效的处理了。

2、问题重现
问题代码：

<label for="openingDate" class="col-sm-2 control-label">
    <a class="require">
        <i class="icon-Asterisk"></i>
    </a>
    启用日期
</label>
<div class="col-sm-4">
    <input type="text" class="form-control" id="openingDate" name="openingDate"  placeholder="请选择启用日期">
</div>

validator =  $("#deviceForm").validate({
    //校验规则
    rules: {
        assetsCode: "required",
        name: "required",
        openingDate: "required",
        ownerUnit: "required"<