首页 > 其他分享 >关于JQuery validate表单校验插件对级联下拉框的校验问题

关于JQuery validate表单校验插件对级联下拉框的校验问题

时间:2022-12-07 21:39:50浏览次数:42  
标签:部类 插件 校验 选择 所属 下拉框


         今天在使用JQuery validate表单校验插件时,遇见了一个非常诡异的问题了。在此记录一下:

          问题描述:

                   

关于JQuery validate表单校验插件对级联下拉框的校验问题_重置

                 如上图所示,行部类别和所属行部2项,存在级联关系,根据用户选择的不同行部类别显示不同的所属行部。

                 第一次选择营业部时,会对所选择的所属行部正确进行校验。选择“河南支行”,出现校验不通过标识。

                 当改变行部类别时,会重置所属行部,

   第二次行部类别选择网点时,所属行部再次选择“河南支行”,也出现了校验不通过标识。注意:正常情况是能够通过校验的。

                          通过使用fire bug查看校验请求发现,当第二次再次选择所属行部时,由于选择了和上次一样的值(“河南支行”),并没有再次发送校验请求,就直接重现了上次校验的结果。

                 原因分析:

                           导致这样的结果,主要是由于JQuery validate表单校验插件对下拉框重新选定的值如果和上一次的值一样,就不会触发校验方法,不会根源remote向后台发送校验请求。而是直接还原上次校验的结果。

                         不能说这样的机制不好,它减少了不必要的网络校验的请求,减轻了服务器的压力。那么在针对这种特殊的下拉框级联校验我们该怎么解决呢?

                解决方案:

                       根据上面的分析,我们只要能去掉所属机构下拉框对于上次选择结果的记忆就可以了。 当行部类别改变导致所属机构重置时,加上如下这段代码:

                               if($.data(document.getElementById("supBdt"), "previousValue"))
               {
               $.data(document.getElementById("supBdt"), "previousValue").old = null; 

                         其中,supBdt是所属机构下拉框的id。

                       这样就能完美解决这个问题了。




标签:部类,插件,校验,选择,所属,下拉框
From: https://blog.51cto.com/u_15905482/5920092

相关文章

  • 【提前爆料】FL Studio 21新版将引入4款全新插件!创作力UP!
    FLStudio21全称FruityLoopsStudio,就是大家熟悉的水果编曲软件,一个全能的音乐制作软件,包括编曲、录音、剪辑和混音等诸多功能,让你的电脑编程一个全能的录音室。FLStudio......
  • rabbitmq-sharding插件使用
    RabbitMQ是非常流行的消息中间件,大家都知道通过集群能够增大它的吞吐量,那么针对单个队列,集群能增大他的吞吐量吗?如果不能,我们要怎么做呢?南山远眺问题RabbitMQ是非常流行的消......
  • 将jquery validate校验框架的remote异步验证设置为同步校验
        最近公司的项目中都是使用的jqueryvalidate在做表单,感觉确实非常好用,很灵活,用起来很顺手。但也遇到了不少问题。在此记录一下。    问题:当提交表单触......
  • FinClip产品更新:FIDE 插件开发功能优化;开发者文档英文版上线
    不知不觉22年进入尾声,通过一年的不断打磨,FinClip也在不断成长,现在,让我们看看过去的11月,FinClip又有了哪些新的变化。产品方面的相关动向......
  • 去掉git提交校验
    到.git文件夹的hooks文件夹,找到pre-commit文件,删除即可......
  • Webpack插件核心原理
    引言围绕Webpack打包流程中最核心的机制就是所谓的Plugin机制。所谓插件即是webpack生态中最关键的部分,它为社区用户提供了一种强有力的方式来直接触及webpack......
  • 强大的VS插件DevExpress CodeRush v22.1 - 让代码编程更智能
    DevExpressCodeRush是一个强大的VisualStudio.NET插件,它利用整合技术,通过促进开发者和团队效率来提升开发者体验。为VisualStudioIDE增压、消除重复的代码并提高代码......
  • java 身份证号校验
    创建CardUtil工具类publicclassCardUtil{/***验证身份证真假*@paramcarNumber身份证号*@returnboolean*/publicstaticboolean......
  • 谷歌插件开发(四)
    所谓会者不难,难者不会。因为没有经验,加之相关文档不多的缘故,今天确实遇到一个糟心事情。首先是插件,钱包转账需要用到一个插件:ethereumjs-tx使用这个插件,把转账的相关数......
  • jsonSchema进行日志格式校验
    jsonSchema官网功能1、属性校验2、属性类型校验3、属性值校验fromjsonschemaimportvalidate,draft7_format_checkerfromjsonschema.exceptionsimportSchemaE......