Validform_v5.3.2引发的奇怪问题

本文记录了在使用Validform进行表单验证时遇到的一个奇怪问题:首次提交表单时弹窗提示出现两次,之后则恢复正常。通过对比分析,最终发现设置`tipSweep:true`解决了该问题。

在一个项目中使用Validform作为表单验证插件,话说,这个插件真的是超级方便,只需要在html代码里面添加属性就能够快速实现表单验证,说实话,这个框架用的不是很熟练,最近也一直在学习。但是昨天用的时候出现一个奇怪的问题,这个问题纠结了好久

问题描述:

使用Validform验证表单,项目要求弹出自定义提示,但是有的页面加载之后,表单所有字段不填就点击提交,弹框会调用两次!!!,但是关闭两次弹框之后再次点提交,弹框又只是调用一次,也就是说正常了,总的来说第一次表单验证不正常(弹框两次),之后就正常了~~~~

看了一下有的正常的页面,经过大量的对比实验,终于发现,input标签中带style="display:none"属性的话提示就正常了,使用Validform自带的弹框提示也是正常的(只弹一次),于是各种百度google,清理缓存,调整属性,没有找到具体原因,调试发现

		tiptype : function(msg, o, cssctl) {
                 console.info(msg);
		}
此处调用两次,所以弹框两次。

于是今天到Validform官网,查看自定义提示的demo下载下来,打算研究研究以便排bug,把demo下载下来发现是正常,复制到工程中发布到服务器上也正常,查看Validform和jquery版本,发现demo版本和问题界面版本不太一致,于是换版本巴拉巴拉,问题依旧。

于是把demo和问题界面做对比,发现问题界面的js是放到js文件当中的,而demo是放在html文件中的,于是改一下。发现还是不行,于是突然发现一个问题,问题界面的js文件如下:


$(function() {
	initValidform();
});
//初始化表单验证
function initValidform() {
	$("#
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值