如何解决即使只有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 举报,一经查实,本站将立刻删除。