jquery.form.js 讓表單提交更優雅

jquery.form.js 讓表單提交更優雅。可以頁面不刷新提交表單，比jQuery的ajax提交要功能強大。
1.引入

<script src="/src/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/src/jquery.form.js"></script>

2.使用

$(function () {
        var E = window.wangEditor;
        var content_editor = new E('#content_editor');
        content_editor.create();
        var content_val = $("#content").val();
        // 設置內容
        content_editor.txt.html(content_val);

        var answer_editor = new E('#answer_editor');
        answer_editor.create();
        var answer_val = $("#answer").val();
        // 設置內容
        answer_editor.txt.html(answer_val);

        $("#cancel_btn").on('click',function () {
            window.location.href = 'index';
        });

        // 只是准備工作，需要表單提交才觸發
        $("#edit_form").ajaxForm({
            dataType: "json",
            success : function(res){
                if(res.errno == 0){
                    alert('已保存');
                    window.location.href = 'index';
                }else{
                    alert(res.errdesc);
                }
                return false;
            }
        });

        // 提交按鈕點擊
        $("#edit_btn").on("click", function(){
            // 獲取並判斷各個值是否填寫並正確
            var id   = $("#id").val();
            var title =$("#title").val();
            // 獲取內容
            var content = content_editor.txt.html();
            var answer = answer_editor.txt.html();
            var question_type_id = $("#question_type_id").val();
            if(!title){
                alert('標題不能為空');
                return;
            }
            if (!content && !answer) {
                alert('內容和答案不能全為空');
                return;
            }
            if(!question_type_id){
                alert('類型不能為空');
                return;
            }

            // 設置新內容
            $('#content').val(content);
            $('#answer').val(answer);

            // 表單觸發submit事件
            $("#edit_form").submit();
            return false;
        });

});