jQuery plugins


方法

baigoSubmit 实例化以后可以调用方法,如:

<form name="login_form" id="login_form" action="login.php">
    <div>
        <label>用户名</label>
        <input type="text" name="admin_name" id="admin_name">
    </div>

    <div>
        <label>密码</label>
        <input type="password" name="admin_pass" id="admin_pass">
    </div>

    <button type="submit">登录</button>
</form>

<script type="text/javascript">
// 配置
var opts_submit = {
    msg_text: {
        submitting: '正在登录'
    },
    modal: {
        btn_text: {
            close: '关闭',
            ok: 'OK'
        }
    },
    jump: {
        url: 'index.php',
        text: '正在跳转',
        delay: 1000
    }
};


$(document).ready(function(){
    // 初始化
    var obj_submit = $('#login_form').baigoSubmit(opts_submit);

    obj_submit.ajaxUrl('test.php'); // 变更 action 地址

    $('#login_form').submit(function(){
        obj_submit.formSubmit('new_login.php'); // 提交
    });
});
</script>

ajaxUrl 方法说明

用于变更 action 地址

obj_submit.ajaxUrl($url);

参数

  • url 提交地址,必需

formSubmit 方法说明

用于提交表单

obj_submit.formSubmit($url, $callback);

参数

  • url 提交地址,可选,为空时为表单 action 属性值
  • callback 回调函数,可选,必须是函数,2.1.1 新增

    函数的参数值为服务端返回值

如:

$(document).ready(function(){
    // 初始化
    var obj_submit = $('#login_form').baigoSubmit(opts_submit);

    $('#login_form').submit(function(){
        obj_submit.formSubmit('new_login.php', function(result){ // 提交
            console.log(result);
        });
    });
});