即使只有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 (将#修改为@)