jquery.form.js工作使用

引用

<script src="__ADMIN__/js/libs/jquery.form.js?v={:SITE_VERSION}"></script>

form表单

                           <form class="mws-form"  method="post" id="ajax">
                                <div class="mws-form-row bordered">
                                    <label class="mws-form-label">标题</label>
                                    <div class="mws-form-item">
                                        <input type="text" class="large require" name="title">
                                    </div>
                                </div>
<div class="mws-form-row bordered">
                                    <label class="mws-form-label">作者</label>
                                    <div class="mws-form-item">
                                        <input type="text" class="large require" name="author">
                                    </div>
                                </div>
                                <div class="mws-form-row bordered">
                                    <label class="mws-form-label">上传时间</label>
                                    <div class="mws-form-item">
                                        <input type="text" class="large require" name="ctime">
                                    </div>
                                </div>
<div class="mws-form-row bordered">
                                    <label class="mws-form-label">浏览量</label>
                                    <div class="mws-form-item">
                                        <input type="text" class="large require" name="reader">
                                    </div>
                                </div>
<div class="mws-form-row bordered">
                                    <label class="mws-form-label">内容</label>
                                    <div class="mws-form-item">
                                        <textarea rows="" cols="" class="large" name="content" id="myEditor"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="mws-button-row">
                                <input type="button" value="提交" class="btn btn-danger" id='submit'>
                                <input type="reset" value="重置" class="btn ">
                            </div>
                        </form>

js处理

$(function () {
    //添加
    $("input[type=button]").click(function () {
        var options = {
            "url": 'gdo_add',
            "type": 'POST',
            "beforeSubmit": checkForm,
            "success": resultForm,
            "resetForm": true,
            "dataType": "json"
        };
        $("#ajax").ajaxSubmit(options);
        return false;
    });


    function checkForm(formData, form, options) {
        //表单提交前处理
    }


    function resultForm(data, status) {
        if(data){
            zeroModal.success('操作成功!');
        }else{
            zeroModal.success('操作失败!');        }
    }
});

调用js

<script src="__ADMINJS__/ajaxDo.js?v={:SITE_VERSION}"></script>