9

这个问题已经让我有点发疯了几个多小时了。我已经阅读了很多帖子和文章,现在我对这个问题有一个模糊的理解,但不是原因。我意识到问题在于,当我在未定义的对象上提交 JSON.parse 之类的内容时。我不知道为什么会这样。我确信它非常简单,并且我确信一旦它被指出我会感觉到一个工具,但现在我不介意如果它解决了问题,我会觉得有点傻。

问题是,当我使用以下方法提交表单时,出现以下错误:

Uncaught SyntaxError: Unexpected token u js:1
i.extend.parseJSON js:1
c js:1
u js:1
n.extend.showLabel js:1
n.extend.defaultShowErrors js:1
n.extend.showErrors js:1
n.extend.form js:1
n.extend.valid js:1
(anonymous function)
i.event.dispatch js:1
y.handle

此外,当我将光标从一个字段移动到另一个字段时,我收到此错误:

Uncaught SyntaxError: Unexpected token u js:1
i.extend.parseJSON js:1
c js:1
u js:1
n.extend.showLabel js:1
n.extend.defaultShowErrors js:1
n.extend.showErrors js:1
n.extend.element js:1
n.extend.defaults.onfocusout js:1
r js:1
(anonymous function) js:1
i.event.dispatch js:1
y.handle js:1
i.event.trigger js:1
i.event.simulate js:1
f

这显然阻止了我将表单提交给控制器进行处理。错误似乎来自 jquery 库(第 498 行),当它试图: return n.JSON.parse(t); (t 未定义)。我正在使用 jquery 1.9.1、bootstrap 2.2.2 和 jqValidate/1.9.0.unobtrusive.js。该表单处于引导模式,如下所示:

@model AModelTestApp.Models.UserModel

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>User</h3>
</div>

<div class="modal-body">

    @{
        var ajaxOptions = new AjaxOptions
            {
                HttpMethod = "POST",
                OnComplete = "Complete"
            };
    }

    @using (Ajax.BeginForm("EditUser", "Home", ajaxOptions, new { id = "userform" }))
    {
        <div class="row-fluid">
            <div class="span12">
                @Html.ValidationSummary("Ooops..", new { id = "validateuser", @class = "alert alert-error" })
            </div>
        </div>

        <div class="row-fluid">
            <div class="span6">
                @Html.LabelFor(m => m.Id)
                @Html.TextBoxFor(m => m.Id)

                @Html.LabelFor(m => m.Username)
                @Html.TextBoxFor(m => m.Username)

                @Html.LabelFor(m => m.FirstName)
                @Html.TextBoxFor(m => m.FirstName)

                @Html.LabelFor(m => m.LastName)
                @Html.TextBoxFor(m => m.LastName)
            </div>
            <div class="span6">
                @Html.LabelFor(m => m.Email)
                @Html.TextBoxFor(m => m.Email)

                @Html.LabelFor(m => m.UserTypeId)
                @Html.TextBoxFor(m => m.UserTypeId)

                @Html.LabelFor(m => m.Created)
                @Html.TextBoxFor(m => m.Created)

                @Html.LabelFor(m => m.Active)
                @Html.CheckBoxFor(m => m.Active)
            </div>
        </div>
        <div class="row-fluid">
            <div class="span1 offset10">
                <a id="btnclear" class="btn" href="#">Clear</a>
            </div>
        </div>
    }

</div>

<div class="modal-footer">
    <a class="btn" data-dismiss="modal" href="#">Close</a>
    <a id="btnsubmit" class="btn btn-info" href="#">Submit</a>
</div>

<script type="text/javascript">
    $.validator.unobtrusive.parse($('#userform'));

    $('#btnclear').click(function() {
        $('input').val('');
        $(':checkbox').prop('checked', false);
        return false;
    });

    $('#btnsubmit').click(function () {

        $('#userform').validate();
        if ($('#userform').valid()) {
            $('#userform').submit();
        } else {
            alert("Something went wrong with the validation")
        }

    });

    function Complete(result) {
        alert("Woooo - " + result);
    }
</script>

模态加载如下:

<div class="row-fluid">
    <div class="span12">
        <button id="btnclick" class="btn btn-large btn-block btn-primary">Click Me</button>
    </div>
</div>

<div id="mainmodal" class="modal hide fade"></div>

<script type="text/javascript">
    $('#btnclick').click(function () {
        $.ajax({
            url: '@Url.Action("GetUser", "Home")',
            type: 'GET',
            success: function (result) {
                //awss.modal.popup(result);
                $('#mainmodal').html(result);
                $('#mainmodal').modal('show');
            }
        });
        return;
    });
</script>

从这个控制器:

    public ActionResult GetUser()
    {
        var user = new UserModel
            {
                Id = 1,
                Username = "sbody",
                FirstName = "Some",
                LastName = "Body",
                Email = "sbody@domain.com",
                UserTypeId = 6,
                Created = new DateTime(2013, 1, 1),
                Active = true
            };
        return PartialView("EditUser", user);
    }

在 web.config 中启用了 ClientValidationEnabled 和 UnobtrusiveJavaScriptEnabled。我希望这只是我长时间关注同一个问题而看不到明显问题的一个例子。非常感谢任何帮助。谢谢 :)

4

4 回答 4

1

你能试试下面的

'$.parseJSON(result)' 

在您的 ajax 成功函数中使用 parsejson。

于 2014-08-26T12:27:37.507 回答
1

不确定这是否适用于这种情况,但我发现这样的零星问题是通过不显眼的验证来实现的。

您在那里有一个 ValidationSummary 元素,所以这可能不适用..但我看到它的时间是我没有包含验证消息元素的时候。

自从我偶然发现这一点以来已经有一段时间了,但据我回忆,我什至需要为看似无害的东西添加消息,例如复选框。似乎正在解析的 JSON 可能包含应该包含验证消息的元素,如果它是undefined,那么一旦到达“u”,解析就会失败。

因此,对于您的代码,也许可以尝试这样的事情:

<div class="row-fluid">
    <div class="span6">
        @Html.LabelFor(m => m.Id)
        @Html.TextBoxFor(m => m.Id)
        @Html.ValidationMessageFor(m => m.Id)

        @Html.LabelFor(m => m.Username)
        @Html.TextBoxFor(m => m.Username)
        @Html.ValidationMessageFor(m => m.Username)

        @Html.LabelFor(m => m.FirstName)
        @Html.TextBoxFor(m => m.FirstName)
        @Html.ValidationMessageFor(m => m.FirstName)

        @Html.LabelFor(m => m.LastName)
        @Html.TextBoxFor(m => m.LastName)
        @Html.ValidationMessageFor(m => m.LastName)
    </div>
    <div class="span6">
        @Html.LabelFor(m => m.Email)
        @Html.TextBoxFor(m => m.Email)
        @Html.ValidationMessageFor(m => m.Email)

        @Html.LabelFor(m => m.UserTypeId)
        @Html.TextBoxFor(m => m.UserTypeId)
        @Html.ValidationMessageFor(m => m.UserTypeId)

        @Html.LabelFor(m => m.Created)
        @Html.TextBoxFor(m => m.Created)
        @Html.ValidationMessageFor(m => m.Created)

        @Html.LabelFor(m => m.Active)
        @Html.CheckBoxFor(m => m.Active)
        @Html.ValidationMessageFor(m => m.Active)

    </div>
</div>
于 2015-06-03T19:58:33.493 回答
1

只需添加以下代码问题是因为无法显示错误消息的跨度而发生的

 $('input[name],select[name]').each(function ()
{

    if ($(this).attr('name') != '')
    {

        if ($(this).closest('div').find('span[data-valmsg-for=' + $(this).attr('name') + ']').length == 0)
        {
            $(this).closest('div').append('<span class="field-validation-valid error_msg" data-valmsg-for="' + $(this).attr('name') + '" data-valmsg-replace="true"></span>');
        }
    }
})
于 2015-09-17T10:19:30.967 回答
0

如评论中所述,jquery 1.9 与 jquery 不显眼的验证存在不兼容问题。您可以通过将以下代码放在浏览器控制台窗口中来快速检查是否有此问题:

JSON.parse(undefined)

如果你得到

未捕获的 SyntaxError:位置 0 处 JSON 中的意外标记 u

……那你就有问题了。要解决此问题,请将迁移库添加到您的页面,在 jquery 下:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.4.1.js"></script>

错误应该消失并替换为控制台警告。此版本用于调试,因此如果您希望警告完全消失,请改为指向迁移库.min文件:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>

可以在GitHub上找到有关使用 jquery-migrate 将代码迁移到 jquery 1.9+ 的更多信息。

于 2018-07-17T14:18:18.180 回答