Question

我知道这是一个愚蠢的问题，我搜索了stackoverflow社区但是所有解决方案都在javascript中讨论了提交方法，我没有完全理解这个问题，这里有一个示例：

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
    <form action="go.php" id="registration-form" method="post">
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <input type="text" class="form-control" id="fname" name="fname">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="lname" name="lname">
                </div>
            </div>
        </div>
        <div class="text-center mt20">
            <input type="submit" name="submit" value="Valider">
        </div>
    </form>

    <!-- script  -->
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="assets/js/main.js"></script>
</body>
</html>

当我删除代码有效的两个脚本之一时，有人可以解释原因吗？

编辑：

main.js档案的内容：

/* I think this part that causes the problem

/*
 * Registration Form
*/

$('#registration-form').submit(function(e){
    e.preventDefault();

    var postForm = { //Fetch form data
            'fname'     : $('#registration-form #fname').val(),
            'lname'     : $('#registration-form #lname').val(),
            'email'     : $('#registration-form #email').val(),
            'cell'      : $('#registration-form #cell').val(),
            'address'   : $('#registration-form #address').val(),
            'zip'       : $('#registration-form #zip').val(),
            'city'      : $('#registration-form #city').val(),
            'program'   : $('#registration-form #program').val()
    };

    $.ajax({
            type      : 'POST',
            url       : './assets/php/contact.php',
            data      : postForm,
            dataType  : 'json',
            success   : function(data) {
                            if (data.success) {
                                $('#registration-msg .alert').html("Registration Successful");
                                $('#registration-msg .alert').removeClass("alert-danger");
                                $('#registration-msg .alert').addClass("alert-success");
                                $('#registration-msg').show();
                            }
                            else
                            {
                                $('#registration-msg .alert').html("Registration Failed");
                                $('#registration-msg .alert').removeClass("alert-success");
                                $('#registration-msg .alert').addClass("alert-danger");
                                $('#registration-msg').show();
                            }
                        }
        });
});

/*
 * SmoothScroll
*/

smoothScroll.init();

Answer 1

我没有看到m定义的任何地方。注释函数调用并检查。

smoothScroll.init()

Answer 2

您希望表单提交数据的位置？在go.php上定义为表单操作？或者在main.js上定义的./assets/php/contact.php上？这些是替代品。

如果您想使用ajax提交表单，请从表单中删除该操作。还要检查控制台以监控您的ajax请求。

在添加JS脚本

编辑：

2 个答案: