javascript中的多个函数在一个文件中失败

javascript中的多个函数在一个文件中失败,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我一直在使用javascript函数和ajax编写一个带有一些简单表单验证和提交的网页。我编写了一个函数,用于验证表单,然后将其提交到另一个php页面。然后,我创建了第二个表单并验证/提交javascript函数。这两个函数是分开工作的,所以我不认为我的函数是错误的,但是当我试图将它们放入一个js文件中调用它们时,只有一个函数可以工作。我可以删除另一个重新上传它,它调用罚款。如果有人能发现我做错了什么,我将不胜感激 $(function () { $('.error').hide();

我一直在使用javascript函数和ajax编写一个带有一些简单表单验证和提交的网页。我编写了一个函数,用于验证表单,然后将其提交到另一个php页面。然后,我创建了第二个表单并验证/提交javascript函数。这两个函数是分开工作的,所以我不认为我的函数是错误的,但是当我试图将它们放入一个js文件中调用它们时,只有一个函数可以工作。我可以删除另一个重新上传它,它调用罚款。如果有人能发现我做错了什么,我将不胜感激

$(function () {
    $('.error').hide();
});

function publication(){
    $('.error').hide();
        var title = $("input#title").val();
            if (title == "") {
                $("label#title_error").show();
                $("label#title_error").css("color", "red");
                $("input#title").focus();
                return false;
            }
        var author = $("input#author").val();
            if (author == "") {
                $("label#author_error").show();
                $("label#author_error").css("color", "red");
                $("input#author").focus();
                return false;
            }
        var publisher = $("input#publisher").val();
            if (publisher == "") {
                $("label#publisher_error").show();
                $("label#publisher_error").css("color", "red");
                $("input#publisher").focus();
                return false;
            }
        var avail = $("input#avail").val();
            if (avail == "") {
                $("label#avail_error").show();
                $("label#avail_error").css("color", "red");
                $("input#avail").focus();
                return false;
            }
        var info = $("textarea#info").val();
            if (info == "") {
                $("label#info_error").show();
                $("label#info_error").css("color", "red");
                $("textarea#info").focus();
                return false;
            }
        var webaddr = $("input#webaddr").val();
        var YYYY = $("input#YYYY").val();
        var img = $("input#img").val();
    var dataString = 'title='+ title + '&author=' + author + '&publisher=' + publisher + '&avail=' + avail + '&info=' + info + '&YYYY=' + YYYY + '&webaddr=' + webaddr + '&img=' + img;
        //alert (dataString);return false;
    $.ajax({
        type: "POST",
        url: "/includes/add_publication.php",
        data: dataString,
        success: function() {
            $('#event_form').html("<div id='message'></div>");
            $('#message').html("<h2>Publication Added</h2>")
            .append("<p>The publication has been added to the database.</p>")
            .hide()
            .fadeIn(1500);
        }
    });
    return false;
}

function events(){
    $('.error').hide();
        var eventname = $("input#eventname").val();
            if (eventname == "") {
                $("label#event_error").show();
                $("label#event_error").css("color", "red");
                $("input#eventname").focus();
                return false;
            }
        var venue = $("input#venue").val();
            if (venue == "") {
                $("label#venue_error").show();
                $("label#venue_error").css("color", "red");
                $("input#venue").focus();
                return false;
            }
        var info = $("textarea#info").val();
            if (info == "") {
                $("label#info_error").show();
                $("label#info_error").css("color", "red");
                $("textarea#info").focus();
                return false;
            }
        var webaddr = $("input#webaddr").val();
        var DD = $("input#DD").val();
        var MM = $("input#MM").val();
        var YYYY = $("input#YYYY").val();
        var DD2 = $("input#DD2").val();
        var MM2 = $("input#MM2").val();
        var YYYY2 = $("input#YYYY2").val();
        var img = $("input#img").val();
    var dataString = 'eventname='+ eventname + '&venue=' + venue + '&info=' + info + '&webaddr=' + webaddr + '&DD=' + DD + '&MM=' + MM + '&YYYY=' + YYYY + '&DD2=' + DD2 + '&MM2=' + MM2 + '&YYYY2=' + YYYY2 + '&img=' + img;
        //alert (eventString);return false;
    $.ajax({
        type: "POST",
        url: "/includes/add_event.php",
        data: dataString,
        success: function() {
            $('#event_form').html("<div id='message'></div>");
            $('#message').html("<h2>Event Added</h2>")
            .append("<p>The event has been added to the database.</p>")
            .hide()
            .fadeIn(1500);
        }
    });
    return false;
}
正如你所希望看到的,这里发生了三件事。1:页面加载时所有错误消息都被隐藏,第二个和第三个是我的两个功能-发布和事件。我有几个已验证的字段,如果它们为空,就会收到rec错误消息。然后,我将所有变量发送到一个字符串中,通过ajax提交到一个php文件中,以将它们插入我的sql数据库


我可能会在某个地方遗漏一些像分号这样简单的东西——但由于我从未在一个文件中编写过多个函数,所以我还没有解决这个问题

您有一个语法错误:

var eventString = 'eventname='+ eventname + '&venue=' + venue + '&info=' + info '&webaddr' + webaddr + '&DD' + DD + '&MM' + MM + '&YYYY' + YYYY + '&DD2' + DD2 + '&MM2' + MM2 + '&YYYY2' + YYYY2 + '&img' + img;
// Here ------------------------------------------------------------------------^
这会阻止JavaScript被正确解析,从而阻止代码在单击时运行



您的web浏览器告诉您:如果打开web控制台或开发人员工具,您将看到列出的错误。

您是否记得在“其他”HTML文件中更改src href?感谢您指出此错误,当我重新键入eventString以检查错误时,我在info之后的所有标题中都忽略了+out和=。这一问题现在已经解决。非常感谢你的帮助
var eventString = 'eventname='+ eventname + '&venue=' + venue + '&info=' + info '&webaddr' + webaddr + '&DD' + DD + '&MM' + MM + '&YYYY' + YYYY + '&DD2' + DD2 + '&MM2' + MM2 + '&YYYY2' + YYYY2 + '&img' + img;
// Here ------------------------------------------------------------------------^