jQuery表单提交不在IE8中工作

时间:2011-05-31 11:12:16

标签: jquery

当我尝试使用IE7,IE9或FF中的输入按钮提交表单时,一切正常。但在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(){})

1 个答案:

答案 0 :(得分:1)

我对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...
});