javascript - Ajax 验证不起作用

Question

当我提交时，它会直接转到表单操作中的目标页面。没有进行验证。

我的表单

<form id="RegisterForm" method="post" action="register.php">
..
..
<input type="submit" value="Register Now" class="button">
</form>

我的Ajax代码validation.js

$(document).ready(function () {
    $('#RegisterForm').validate({
        rules: {
            name: "required",
            surname: "required",
            address: "required",
            nic: "required",
            email: {
                required: true,
                email: true
                },
                phone: "required",
                gfname: "required",
                gsurname: "required",
                gaddress: "required",
                gphone: "required"
                },
              messages: {
              name: "Please enter your name",
              surname: "Please enter Your Surname",
              address: "Please enter Address",
              nic: "Please enter ID card Number",
              email: "Please enter a valid email address"
        },
            // if success
        submitHandler: function (form) {
            $.post("register.php",$(form).serialize());
           $('#RegisterForm').fadeOut("slow");

        }   
    });

            return false;
});

导入的文件

<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

我是 bootstrap 和 ajax 新手。因此，在您的答案中，请提及我应该导入哪些文件来触发 ajax 验证。

Answer 1

您可以尝试像这样组织脚本标签:

    <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>

但是，如果这不起作用，您可以确保您的所有 ID 都与规则部分中的 ID 匹配。另外，您是否检查过控制台是否有任何错误，以确保 javascript 不会抛出任何错误？