可以将纯javascript和jQuery缩小到一个文件中吗

Question

我有一个用 jQuery (3.1.0) 编写的 js 文件，只有一行纯 javascript。

例如：

$(window).on('load',function(){
 var email = $('#email');
 function setMessage(str){ 
  document.getElementById('email').setCustomValidity(str);
 };
 email.bind('keyup',function(){
  if(email.val()==''){
    setMessage('Box is Empty');
  }
 });
});

当它是这样的时候它工作得很好。

下一步是缩小 js 文件，这就是问题开始的时候，控制台一直在尖叫Uncaught TypeError: Cannot read property 'setCustomValidity' of null - jquery-3.1.0.min.js。

我使用的来源：

setCustomValidity

Make sure semi-colon - 已选中

Answer 1

而不是使用 document.ready 使用 window.onload

请参阅此内容以了解 onload 和 document.ready 之间的区别，因为您面临的错误是由于未加载元素而您尝试在文档完全加载之前访问元素

https://stackoverflow.com/a/3698214/1569443

使用下面的代码

$('document').ready(function(){
       var email = $('#email');
       function setMessage(str){ 
       document.getElementById('email').setCustomValidity(str);
      };
    email.bind('keyup',function(){
        if(email.val()==''){
        setMessage('Box is Empty');
        }
    });
});