javascript - js问题输入文件按钮不起作用,弹出窗口不会显示

标签 javascript jquery html parsley.js

我有一个问题,我使用 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/

相关文章:

javascript - 未捕获错误 : A cross-origin error was thrown. React 无法访问开发中的实际错误对象

javascript - 实现 css slider 不工作,显示灰色背景

javascript - 无法在 PHP 和 Javascript 中更改字体颜色 onClick

javascript - 如何使用 JavaScript 向图像添加属性?

javascript - 不要调整粘性 div 的宽度

javascript - 向 wcfrestful 发送一个参数

javascript - Eternicode Bootstrap 日期选择器在触摸 Android Webkit< 534 后选择输入

Javascript 事件交叉连接

javascript - 使用正则表达式匹配查找数组中的元素而不遍历数组

javascript - 根据窗口宽度更改图像 - 响应式布局 CSS?查询? Ajax ?