Javascript 使用checkValidity进行电子邮件验证后,lightbox表单出现500错误

Javascript 使用checkValidity进行电子邮件验证后,lightbox表单出现500错误,javascript,html,forms,validation,Javascript,Html,Forms,Validation,我最近问了一个问题,关于让电子邮件验证在一个表单上工作,该表单带有一个“取消订阅”按钮,该按钮会生成一个确认表单。有人告诉我使用Javascript的.checkValidity()API来帮助我,该API用于检查验证,但导致了另一个问题:现在,当用户输入有效电子邮件并单击“取消订阅”时,它无法加载lightbox表单,并导致500个错误 我所做的最接近实际的工作就是删除封装,它不允许用户在电子邮件无效时提交电子邮件,但它不会向用户提供任何通知,告知其无效的原因。如果用户输入了有效的电子邮件,则

我最近问了一个问题,关于让电子邮件验证在一个表单上工作,该表单带有一个“取消订阅”按钮,该按钮会生成一个确认表单。有人告诉我使用Javascript的
.checkValidity()
API来帮助我,该API用于检查验证,但导致了另一个问题:现在,当用户输入有效电子邮件并单击“取消订阅”时,它无法加载lightbox表单,并导致500个错误

我所做的最接近实际的工作就是删除
封装,它不允许用户在电子邮件无效时提交电子邮件,但它不会向用户提供任何通知,告知其无效的原因。如果用户输入了有效的电子邮件,则一切正常

下面是有问题的代码以及小提琴:


document.addEventListener('DOMContentLoaded',函数(e){
MktoForms2.loadForm('//app-ab21.marketo.com','726-BWN-173',1008);
MktoForms2.whenReady(函数(形式){
document.querySelector(“#lightboxButton”).addEventListener('click',函数(e){
if(Email.checkValidity()){
form.addHiddenFields({
电子邮件:Email.value
});
MktoForms2.lightbox(form.show();
}
});
});
});
document.getElementById(“mktoForm_1008”).onsubmit=函数(e){
e、 预防默认值();
}
退订