jQuery Ajax表单验证不起作用,不确定原因

时间:2015-05-04 14:21:10

标签: javascript php jquery ajax twitter-bootstrap

好的,所以我有一些jQuery代码,HTML和PHP我会发布给你们一个我正在使用的图片。据我所知,一切看起来都很正确,但它不起作用。即使我的.preventDefault()也不能阻止表单提交。我认为这与我使用引导模型来保持形式这一事实有关,但是为什么它会导致问题。我在使用bootstrap时没有多少经验。 - 编辑我阻止提交表单,只需要帮助ajax部分。这是第一次使用ajax,从我一直在研究的所有内容中我都是正确的,但我总是从ajax获取错误消息。错误:function()每次都被触发,我不知道如何找出原因。我在控制台中看到的地方必须有一些语法错误,并且在运行时分配了用户名和密码变量。

jQuery的:

protected void _reportViewer_DataBinding(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        ReportDocument crystalReportDocument = new ReportDocumment();
        crystalReportDocument.SetDataSource(DataTableHere);
        _reportViewer.ReportSource = crystalReportDocument;
        Session["ReportDocument"] = crystalReportDocument;
    }
    else
    {
        ReportDocument doc = (ReportDocument)Session["ReportDocument"];
        _reportViewer.ReportSource = doc;
    }
}

PHP:

  $("#loginForm").submit(function(event)
  {
    event.preventDefault();
    if (($('#username2').val() != '') && ($('#password2').val() != ''))
    {
        var username = $('#username2').val();
        var password = $('#password2').val();
        //var dataString = 'username=' + username + '&password=' + password;
        $('#errorMessage').fadeIn(400).html('<img src="http://192.168.1.78/mystery-machine/includes/images/icons/loading.gif"/>');
        $.ajax({
                type: "POST",
                url: "http://192.168.1.78/mystery-machine/includes/verfiyLogin.php",
                dataType: "text/html",
                data: {username: username, password: password},
                error: function(){
                    $('#errorMessage').html('<p>There was an error!</p>');
                },
                success:(function(data){
                    if (data == 'correct')
                    {

                        window.location.replace('http://192.168.1.78/mystery-machine');
                    }
                    else
                    {
                        $('#errorMessage').html(data);
                    }
                })
        });

    }
});

包括&#39; functions.php&#39;;

<?php

&GT;

1 个答案:

答案 0 :(得分:3)

好吧,如果你打开你的控制台,我确信它有一个红色的大错误信息指向该行

$("#loginForm".submit(function(event)
             ^^^

您错过了结束)

我会在选择器后面指出缺少的)

$("#loginForm").submit(function(event)
             ^^^