使用jquery前端处理表单错误提交的几种办法

表单验空，并阻止提交。使用jquery的submit事件机制，利用event.preventDefault()阻止提交，代码如下：

<script type="text/javascript" src="/static/js/jquery-3.2.0.min.js"></script>
<script type="text/javascript">
    function CheckNull() {
        var num = 0;
        $("input[type$='text']").each(function (n) {
            if ($(this).val() == "") {
                num++;                
            }
        });
        if (num > 0) {
            return true;
        }
        else {
            return false;
        }
    }
    $("document").ready(
        $("form").submit(function (e) {
            if (CheckNull()){
                e.preventDefault();
                $("#ErrorMessage").text("不能有空项！");
            }                
        })
    );
</script>

防止用户重复表单提交：

  var CheckSubmitFlg = false;
    function CheckSubmit() {
        if (CheckSubmitFlg == true) {
            return false;
        }
        CheckSubmitFlg = true;
        return true;
}
//利用上一段代码的submit事件
$("form").submit(function (e) {
            if (CheckSubmit()) {
                e.preventDefault();
                $("#ErrorMessage").text("不要重复提交！");
            }
        })

更好的解决办法，利用session：

  function CheckSessionFlg() {
        book_p = $("#bookname").val();
        if (book_p == $.session.get('book_session')) {
            return true;
        }
        else {
            $.session.set('book_session', book_p);
            return false;
        }
    }

这种方法需要引入库：jquerysession.js，不过你也可以自己实现它。