表单提交时的错误处理

时间:2014-01-23 06:24:52

标签: javascript

我有一个包含一些数据的表单

<form id="abc" method="POST" action="abc.html">
<input type="hidden" id="a" name="a" />
<input type="hidden" id="b" name="b" value="save"/>
</form>

并在js文件中我提交此表单

document.getElementById("abc").submit();

我想要做的是,如果它抛出任何异常,那么应该打开一个警告弹出窗口。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

之前的答案都错了。他们检查对象表格是否存在,但不处理服务器端错误。

您可以使用jQuery Form Plugin

$('#myForm')
    .ajaxForm({
        url : 'myscript.php', // or whatever
        dataType : 'json',
        success : function (response) {
            alert("The server says: " + response);
        }
    })
;

或简单的ajax:

$('#form').submit(function(){
    $.ajax({
      url: $('#form').attr('action'),
      type: 'POST',
      data : $('#form').serialize(),
      success: function(){
        console.log('form submitted.');
      }
    });
    return false;
});

您可以在此问题的答案中找到更多详细信息 - How do I capture response of form.submit