javascript - 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

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

因为您不是在函数中使用 return false，所以它会抛出错误。您必须将其放入匿名函数中。

有点像

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

会起作用

最好为表单绑定(bind)事件 .submit()

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

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