Question

我需要取消嵌套以下代码，因为严格的javascript会在Safari和Firefox中抛出错误（因为某些原因它在Chrome中运行），这些错误表示函数可能只在顶层声明或者在另一个函数中立即声明不是一个功能。所以我想我需要拆分函数声明。代码应该循环遍历所需的表单中的所有元素，并在不使用所有必填字段时阻止提交。

其他说明：我正在开发Google Apps脚本，这需要严格的javascript。另请注意，'＃submitbutton'实际上是一个常规按钮，用于调用处理提交的google.script。

原始代码：

<script type="text/javascript">

$('#submitbutton').on('click', function() {
   $(this).val("Submitting...");
   //check for required fields
   var emptyFields = $('[required]').filter(function() {
       $(this).removeClass("warning");
       if ($(this).val().length === 0){
         $(this).addClass("warning")
         return true
       } else {
         return false
       }
   });

   if (emptyFields.length === 0) {
       $(this).prop('disabled', true);
       document.getElementById('incompleteWarning').style.display = 'none';
       document.getElementById('bePatient').style.display = 'inline';
       google.script.run.withSuccessHandler(fileUploaded).uploadFiles(this.parentNode);
    } else{
      $(this).val("Submit Application")
      document.getElementById('incompleteWarning').style.display = 'inline';
      document.getElementById('incompleteWarning').style.color = 'red';
    }
});
</script>

我尝试将其分解为下面的代码，但现在它甚至没有在Chrome中运行。我做错什么了吗？

<script type="text/javscript">

$('#submitbutton').on('click', validatefunction('#submitbutton'));

function validatefunction(this) {
   $(this).val("Submitting...");
   //check for required fields
   var emptyFields = $('[required]').filter(filterfunction(index));

   if (emptyFields.length === 0) {
       $(this).prop('disabled', true);
       document.getElementById('incompleteWarning').style.display = 'none';
       document.getElementById('bePatient').style.display = 'inline';
       google.script.run.withSuccessHandler(fileUploaded).uploadFiles(this.parentNode);
    } else{
      $(this).val("Submit Application");
      document.getElementById('incompleteWarning').style.display = 'inline';
      document.getElementById('incompleteWarning').style.color = 'red';
    }
};

function filterfunction(this){
       $(this).removeClass("warning");
       if ($(this).val().length === 0){
         $(this).addClass("warning");
         return true;
       } else {
         return false;
       }
};

</script>

Answer 1

jQuery将使用先前预期的上下文调用您的函数。这意味着你只需要这样做：

$('[required]').filter(filterfunction);

和

$('#submitbutton').on('click', validatefunction);

如何正确解嵌jquery javascript函数？

1 个答案: