微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

即使只有1种有效形式,也可以验证2种香芹形式

如何解决即使只有1种有效形式,也可以验证2种香芹形式

我是欧芹的新手,我不知道如何编写代码,因此仅提交有效的表单。我有两种单独的表单,当一种表单有效时,另一种表单也提交。

这是我的两种形式的代码

$(".js-sample-form").parsley({
                        focus: 'none'
                    });

                    $(".js-sample-form").on("submit",function (event) {
                        event.preventDefault();
                    });

                        window.Parsley.on('form:validate',function (form) {
                            if (!form.isValid()) {
                                console.log('Form invalid!');

                            } else {
                                favouritesSampleCard.style.display = 'block';
                                popup.style.display = 'none';
                            }
                    });
$(".js-share-form").parsley({
                        focus: 'none'
                    });

                    $(".js-share-form").on("submit",function (event) {
                        event.preventDefault();

                    });

                    window.Parsley.on('form:validate',function (form) {
                        if (!form.isValid()) {
                            console.log('Form invalid!');
                        } else {
                            generatedLink.style.display = "block";
                        }
                    });

我试图将函数的第二部分包装在第一部分中,但是然后您需要单击两次以验证表单。像这样:

$(".js-share-form").on("submit",function (event) {
                        event.preventDefault();

                        window.Parsley.on('form:validate',function (form) {
                            if (!form.isValid()) {
                                console.log('Form invalid!');
                            } else {
                                generatedLink.style.display = "block";
                            }
                        });
                    });

有人可以帮忙吗?我想要一种解决方案,您只需单击一次,然后仅提交具有有效输入的表单即可。

谢谢

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。