可以将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');
        }
    });
});