jquery.form.js 使用ajax方式提交表单

引入jquery文件

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>

定义form表单

<form class="mui-input-group" id="myForm" action="{:url('user/login/doLogin')}" method="post">
        <div class="mui-input-row">
            <label>用户名：</label>
        <input type="text" class="mui-input-clear" name="username" placeholder="请输入手机号">
        </div>
        <div class="mui-input-row">
            <label>密码：</label>
            <input type="password" name="password"  class="mui-input-password" placeholder="请输入密码">
        </div>
        <div class="mui-button-row">
            <input type="hidden" name="redirect" value="">
            <button type="submit" class="mui-btn mui-btn-primary" >确认</button>
        </div>
        <div class="checkbox">
            
            <input name="checkbox1" value="Item 1" type="checkbox">
            <label>自动登陆</label>
            
            <a href="{:cmf_url('user/Login/findPassword')}" id="lose">忘记密码</a>
            <a href="{:cmf_url('user/Register/index')}" id="reg">免费注册</a>
        </div>
    </form>

调用jquery.form.js ajax提交表单

<script type="text/javascript">
    mui.init();
    $('#myForm').submit(function() {
        $(this).ajaxSubmit(function(res) {
            console.log(res);
            if(res.code == 1){
                window.location = "{:url('user/profile/center')}";
            }else{
                mui.alert(res.msg);
            }
        });
        return false; //阻止表单默认提交
    });
</script>