资讯专栏INFORMATION COLUMN

记一次Validform.js表单提交踩的坑

hss01248 / 3657人阅读

摘要:刚进公司实习不久,最近公司有一个需求做一个的页面,利用传过来的参数来显示不同的表单内容,不同的表单提交的内容也就不一样。

刚进公司实习不久,最近公司有一个需求,做一个h5的页面,利用传过来的url参数来显示不同的表单内容,不同的表单提交的内容也就不一样。

虽然我刚拿到也觉得so easy,但是就是这个简单的东西也踩了很多坑,记录下来,不再懵逼。

1 隐藏的表单元素的value也会被默认提交

解决办法,上代码:

if(type === "1000"){                                     
    $(".badyForm").show();
    $(".badyForm").find("input").attr("disabled",false);   
}else{
    $(".badyForm").hide();
    $(".badyForm").find("input").attr("disabled",true);                    
}

其中.badyForm 就是要隐藏的元素集合,首先根据判断显示隐藏,但是一定要将disable设置为true才能不提交内容

2 隐藏了元素 点击提交 没有反应?

上代码,这里是一个姓名的判断:


因为Validform插件会做判断 如果设置了datatypeerrormsg以及nullmsg的话,没有值 是不允许你提交的;但是,我们的需求就是要设置这里的错误信息

解决办法,上代码:

var formSubmit = $(".registerform1").Validform({
    btnSubmit: ".submit1",
    tiptype: 3,
    showAllError: true,
    datatype:{
        "name": /^s*$/ || "*2-10",
    },

思路:在提交的时候做判断,datatypeinput里的name对应起来,如果为空,则验证通过,如果不为空,则继续下面的判断是否为2-10以内的字符.

不输入:

输入一位:

大概就是这样的,以上就是踩的坑,欢迎互相交流学习.

完整代码: 没有(皮的嘛就不谈了)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93411.html

相关文章

  • 【踩坑记录】一次MySQL主从复制延迟的坑

    摘要:最近开发中遇到的一个主从延迟的坑,记录并总结,避免再次犯同样的错误。运行时查询为空,执行完毕后查询时内容存在,初步怀疑是主从延迟问题。报错只是部分失败,确定是主从延迟的问题。接下来,会去学习主从复制的原理,敬请期待。 最近开发中遇到的一个MySQL主从延迟的坑,记录并总结,避免再次犯同样的错误。 情景 一个活动信息需要审批,审批之后才能生效。因为之后活动要编辑,编辑后也可能触发审批,审...

    cartoon 评论0 收藏0
  • 使用 nginx 反向代理多个 docker 容器

    摘要:架构服务器中已存在的是镜像,可以运行环境以及其他的,包含了等。添加容器新添加一个容器用来做反向代理。推荐使用版本查看镜像,生成新的容器,。参考资料转载记一次用运行容器做域名反向代理时踩的坑如何从容器内部获取主机。 导语 之前介绍 docker 的时候说过它的优势之一,就是可以在同一服务器中搭建多个环境,互相隔离。昨天就实际操作下,万万没想到如此多的坑,比之前从零开始搭建服务器都费时间。...

    Wildcard 评论0 收藏0
  • 使用 nginx 反向代理多个 docker 容器

    摘要:架构服务器中已存在的是镜像,可以运行环境以及其他的,包含了等。添加容器新添加一个容器用来做反向代理。推荐使用版本查看镜像,生成新的容器,。参考资料转载记一次用运行容器做域名反向代理时踩的坑如何从容器内部获取主机。 导语 之前介绍 docker 的时候说过它的优势之一,就是可以在同一服务器中搭建多个环境,互相隔离。昨天就实际操作下,万万没想到如此多的坑,比之前从零开始搭建服务器都费时间。...

    Hanks10100 评论0 收藏0
  • 一次 Laravel 应用性能调优经历

    摘要:为了一探究竟,于是开启了这次应用性能调优之旅。使用即时编译器和都能轻轻松松的让你的应用程序在不用做任何修改的情况下,直接提高或者更高的性能。 这是一份事后的总结。在经历了调优过程踩的很多坑之后,我们最终完善并实施了初步的性能测试方案,通过真实的测试数据归纳出了 Laravel 开发过程中的一些实践技巧。 0x00 源起 最近有同事反馈 Laravel 写的应用程序响应有点慢、20几个并...

    warkiz 评论0 收藏0

发表评论

0条评论

hss01248

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<