javascript - 提交表单时出现类型错误

Question

我收到以下错误:

 TypeError: val.replace is not a function 

它显示了主jquery.js文件，并且似乎无法追踪问题。我已将代码精简为最基本的部分，以尝试隔离问题，但无济于事。我所做的只是在代码中 alert(data) ，但这不会触发。相反，表单似乎重新提交，并且在 firebug 的帖子选项卡中，有 2 个提交事件。如果有人能提出解决此问题的方法，我将不胜感激。

我想补充一点，验证工作正常，但是当涉及到提交处理程序时，这就是问题所在。

非常感谢

JS

$(function() {

    $.validator.setDefaults({
        errorClass: 'form_error',
        errorElement: 'span',
        ignore: ":hidden:not(select)",
        errorPlacement: function(error, element) {
            error.appendTo(element.siblings('span'));
        }
    });

    $("#USRboxrtv").validate({
        rules: {
            requested: {
                required: true
            },
            service: {
                required: true
            },
            rtvdept: {
                required: true
            },
            address2: {
                required: true
            },
            box_rtv: {
                required: true
            }

        },
        messages: {
            requested: {
                required: '* required: You must enter your name'
            },
            rtvdept: {
                required: "* required: You must select a department"
            },
            address2: {
                required: "* required: You must select a customer address"
            },
            service: {
                required: "* required: You must select a service level"
            },
            box_rtv: {
                required: "* required: You must enter a box for retrieval"
            }
        },

        submitHandler: function() {

            if ($("#USRboxrtv").valid() === true) {
                var data = $("#USRboxrtv").serialize();
                alert(data);

            }
        }

    });
});

html 输入

   <p>

    <input name="submit" class="usersubmit" type="submit" value="Submit" />
    <input name="formreset" class="usercancel" type="reset" />

   </p>

Answer 1

好的，错误消息是由于这一行var data = $("#USRboxrtv").serialize(); 引起的。我无法告诉你原因是什么，但如果你search this error on google ，你会发现错误出在serialize函数中。确保满足序列化工作的必要条件。您尚未提供 $("#USRboxrtv") 的 HTML，因此我不确定这种情况下错误在哪里。顺便问一下，您使用的是最新版本的 jquery 吗？

val 将返回一个字符串或未定义。我认为在您的情况下， val 未定义，那是因为您收到此错误。

正如您在其中一篇文章中评论的那样:

$(".chosen-select").val('').trigger("chosen:updated");

在此代码中，您实际上为 $(".chosen-select") 分配了一个空值，这导致了此错误。