使用bootstrap写一个网页，html代码已完成，同时ajax也有，但是ajax没有运行是为什么？

Question

做了一个简易网页，使用bootstrap完成，但是点击登录按钮后，没有反应
jsp代码如下
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<title>用户注册</title>

<script type="text/javascript">
$("#submit").click(function () {
    var username = $("#username");
    var password = $("#password");
    var repassword = $("#repassword");
    var loadingIndex = -1;

    if($.trim(username.val()) === ""){
        layer.msg("用户账号不能为空，请重新输入！", {time:1000, icon:5, shift:6}, function () {
            username.val("用户账号不能为空，请重新输入！");
            username.focus();
        });
        alert("")
        return false;
    }

    //密码是否与确认密码相同
    if(password.val()!== repassword.val()){
        layer.msg("两次输入的密码不一致！请重新输入！", {time:1000, icon:5, shift:6}, function () {
            password.val("");
            repassword.val("");
            password.focus();
        });
        return false;
    }

    var flag = $("#rememberme")[0].checked; //是否选中【记住我】

    $.ajax({
        type : "post",
        dataType:"json",
        data :{
            "username" : username.val(),
            "password" : password.val(),
            "rememberme":flag?"1":"0"
        },
        url : "/doRegister",
        beforeSend : function () {
            //表单校验
            loadingIndex = layer.msg('处理中', {icon: 16});
            return true;
        },
        success : function(result){
            layer.close(loadingIndex);
            if(result.success){
                layer.msg("注册成功！", {time: 1000, icon: 6, shift: 6});
                alert("注册成功！");
            }else{
                layer.msg(result.message , {time: 1000, icon: 5, shift: 6});
            }
        },
        error : function(){
            layer.msg("注册失败！", {time: 1000, icon: 5, shift: 6});
            alert("注册失败！");
        }
    });
})

HTML代码如下

<!--　此处编写对应的注册界面的HTML表单代码　-->
<h1>用户注册</h1>

<div class="container">
    <br>
    <form class="form-horizontal" role="form" id="form-test">
        <div class="form-group">
            <label for="username" class="col-sm-1 control-label">姓名</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="username" name="username" placeholder="请输入姓名">
            </div>
        </div>
        <div class="form-group">
            <label for="password" class="col-sm-1 control-label">密码</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码">
            </div>
        </div>
        <div class="form-group">
            <label  class="col-sm-1 control-label">确认密码</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" id="repassword" name="repassword" placeholder="请输入确认密码">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-1 col-sm-10">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="rememberme">请记住我
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-1 col-sm-10">
                <button type="submit" class="btn btn-default" id="submit" onclick="doRegister()">登录</button>
            </div>
        </div>
    </form>
</div>

可有谁告诉一下如何解决？

Answer 1

1.查看 点击事件是否运行 ，在事件里 alert一下
2.network里 看看 请求是否发出，看看状态码 和报错