JQuery и IE не играет хороший

Question

У меня есть этот фрагмент кода:

function createDownload() { 
     var category, format, specification, download; 

     $('#submitform').click(function() { 
      category = $('#cate').val(); 
      format = $('#form').val(); 
      specification = $('#spec').val(); 

      if (category == "NULL" || format == "NULL" || specification == "NULL") { 
       alert("Please select all options."); 
       return false; 
      } else { 
       download = "pdfs/"+specification+format+category+".pdf"; 
       window.open(download); 
      } 
     }); 
    } 

Теперь ... В Internet Explorer это говорит, что это «Ошибка на странице» - Message: 'return' statement outside of function и я должен нажать кнопку еще раз.

В Firefox, Chrome и Safari - я должен нажать кнопку дважды, чтобы получить не появится PDF ... (и без ошибок) ...

Теперь, почему это может быть ?!

По желанию - Моя форма декларации: <form method="post" action="javascript: return false;" onSubmit="createDownload();">

Answer 1

Вам необходимо изменить action='javascript: return false;' и удалить onsubmit. Он должен стать action='javascript: createDownload();'

Answer 2

Попробуйте удалить возвращение. Кажется, вам это даже не нужно, и если это действительно причина проблемы, то в чем ее смысл?

Answer 3

<form method="post" action="javascript: return false;" onSubmit="createDownload();"> 

Поскольку вы используете возвращать ложь не в функции, которую он бросает ошибку. Вам придется поместить это в любую функцию.

Что-то вроде

<form method="post" action="javascript: function() {return false;}" onSubmit="createDownload();"> 

будет работать

Лучше связать событие .submit() для формы

<form method="post" id="frm1"></form> 

$("#frm1").submit(function(){ 
    // your code 
    return false; 
}); 

Answer 4

Во-первых, вам нужно удалить action из формы - это служит никакой цели здесь. Кроме того, если #submitForm ссылается на кнопку отправки формы, ваш первый клик будет прикреплять обработчик кликов, а второй щелчок на самом деле вызовет его. Вместо этого удалите onsubmit атрибут и просто прикрепить обработчик обычным способом либо нажатием кнопки или формы представить событие, будучи уверенным, чтобы отменить событие в любом случае:

jQuery(function($) { 
    $('#submitform').click(function() { 
    // or: $('#formID').submit(function() { 
     var category, format, specification, download; 

     category = $('#cate').val(); 
     format = $('#form').val(); 
     specification = $('#spec').val(); 

     if (category == "NULL" || format == "NULL" || specification == "NULL") { 
      alert("Please select all options."); 
     } else { 
      download = "pdfs/"+specification+format+category+".pdf"; 
      window.open(download); 
     } 

     return false; 
    }); 
});