我有一个问题,我使用 js 插件 Parsley 验证我的表单,在启动 Parsely 插件的页面上,表单 input type="file"is not working, not clickable",点击时看到按钮动画但没有弹出文件系统选择要上传的文件,并且输入未通过 parserly 验证,所有存在 Parsly 的页面上的输入都不起作用,当我注释掉 Parsley 实例时,文件输入按预期工作,在这里是我初始化插件的方式:
app.Manage.BasicInfoForm.parsley(app.Manage.validatorConfig).validate();
在执行此行之前,如果我声明了自定义验证器,输入也可以正常工作,它将阻止文件输入正常工作,例如:
window.Parsley.addValidator('reservednamescheck',
function (value, requirement) {
var noAllow = app.websiteManage.noAllowWebsiteNames;
var forbbidenName = '';
for (var i = noAllow.length - 1; i >= 0; i--) {
if (value === noAllow[i]) {
forbbidenName = noAllow[i];
return false;
}
}
return true;
}, 32)
.addMessage('en', 'reservednamescheck', 'Sorry but this name is reserved');
所以这也将阻止文件输入工作,同样,即使文件输入在页面上的任何地方都是独立的,当 Parsley 出现时它也不起作用,请帮忙,谢谢
最佳答案
我的错,问题不在于插件,而在于 jquery 事件,这段代码导致了问题:
$(document).on('click input ', app.websiteManage.websiteNameInput , function(event) {
event.preventDefault();
// detects if inputed website name accordingly changes the title
app.websiteManage.websiteNameBind.html(app.websiteManage.websiteNameInput.val());
});
所以我一直在听点击并阻止默认行为,这就是我的输入文件无法正常工作的原因,感谢所有试图提供帮助的人;)
关于javascript - js问题输入文件按钮不起作用,弹出窗口不会显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45173754/