ajax表单登录提交

<form id="signupForm">

<div class="ibox-body">

<ul class="nav nav-tabs">

<li class="active"><a data-toggle="tab" href="#tab-1">账号登录</a></li>

<li><a data-toggle="tab" href="#tab-2">安全登录</a></li> </ul>

<div class="tab-content">

<div class="tab-pane active" id="tab-1">

<div class="form-group">

<input id="email" name="email" class="form-control uname" placeholder="邮箱" type="email" aria-required="true" aria-invalid="true" class="error">

</div>

<div class="form-group">

<input id="password" name="password" class="form-control pword m-b" placeholder="密码" type="password" style="color: #000000;">

</div>

<a href="register.html">企业注册»</a><a href="forgetPassword.html" style="padding-left: 105px;">忘记密码？</a>

<input type="button" class="btn btn-success btn-block" onclick="login()" value="登录">

发生二次提交是input引起的，type为button则正确！/submit则会进行二次提交

</div>

<div class="tab-pane " id="tab-2">

<div class="form-group">

<div id="order_code"></div> <div id="order_code_div" style="padding: 20px 0px 0px 60px;"></div></div>

<h5 style="color: #000000;">还没有账号？</h5><a href="register.html">立即注册»</a></div></div></form>

$(document).ready(function() {

$("#login").on('click', function() {

$("#signupForm").submit();

});

validateRule();

});

 

$.validator.setDefaults({

submitHandler: function() {

login();

}

});

function login() {

        $.ajax({

            type: "POST",

            url: "...",//后台地址

            data: $('#signupForm').serialize(),

            dataType:'json',

            success: function (r) {

             alert(r.message);

                 if (r.retCode == 200) {

                    var index = layer.load(1, {

                        shade: [0.1,'#fff'] //0.1透明度的白色背景

                    });

                    parent.location.href = '/index.html';

                } else {

                    layer.message(r.message);

                }

            },

        });

}