jQuery表单提交不适用于IE8

问题描述

| 当我尝试使用IE7，IE9或FF中的Enter按钮提交表单时，一切正常。但是在IE8表单中提交不起作用。 我正在使用jQuery验证，并且在检查所有验证后将提交表单。 这是我的代码：

<!-- language: lang-js -->
 jQuery.fn.validated = function(callback){
        jQuery(this).each(function(){
           if (this.tagName == \"FORM\") {
            jQuery(this).submit(function(){
                if (ValidationErrors[jQuery(this).attr(\"id\")].length == 0) 
                    callback();
                return false;
            });
        }
    });
};

 <form name=\"frmbrand\" id=\"frmbrand\" method=\'post\'>
        <table width=\"100%\">
        <tr>
                <td width=\"30%\" valign=\"top\">Brand Name : </td>
                <td width=\"70%\" valign=\"top\"><input type=\"text\" id=\"brandname\" name=\"brandname\"><span class=\"error\">*</span></td>
            </tr>

            <tr>
                <td valign=\"top\">Order : </td>
                <td valign=\"top\"><input type=\"text\" id=\"rank1\" name=\"rank1\"></td>
            </tr>
            <tr>
                <td colspan=\"2\">
                    <div align=\"center\">
                    <input type=\"submit\" value=\"Save\" id=\"btnsave1\"  name=\"btnsave1\" style=\"background:#ccc\">
                    <input type=\"button\" value=\"Cancel\" id=\"btncancel1\" name=\"btncancel1\" style=\"background:#ccc\" ></div>
                </td>
            </tr>
        </table>
    </form>

<!-- language: lang-js -->
 jQuery(\"#frmbrand\").validated(function(){})

    

解决方法

        我对IE8有同样的问题。这是我的解决方法：

<input type=\"button\" value=\"Save\" id=\"btnsave1\"  name=\"btnsave1\" 
style=\"background:#ccc\"><!-- use button instead of submit-->

$(\"#btnsave1\").click(function(event) {
    event.preventDefault();
    $(\"#frmbrand\").submit();
});

$(\"#frmbrand\").submit(function(event) {
    event.preventDefault();
    // do whatever you want here...
});