DevTool - TypeError：＆＃39; stepUp＆＃39;

Question

我是ajax的新手，我正在尝试使用AJAX，JQUERY和PHP制作注册页面。 当我启动它，一切都很好，当我尝试完成字段，仍然很好，如果我犯错误弹出错误。 但是当所有字段都没有错误时，当我按下提交时，没有任何内容出现。

我在Firefox DevTool中看到一个奇怪的错误： TypeError：＆＃39; stepUp＆＃39;调用了一个没有实现HTMLInputElement接口的对象。，但我无法理解它的含义。

以下是代码：

$(function () {
    $("#form1").submit(function (e) {
       e.preventDefault();

       if ($("#name").val() === ""){
           $(".nameOutput").css('color', 'red').text("something");
       }

       if ($("#surname").val() === ""){
           $(".surnameOutput").css('color', 'red').text("something");
       }

       if ($("#username").val() === ""){
           $(".usernameOutput").css('color', 'red').text("something");
       }else if($("#username").val().length < 5){
           $(".usernameOutput").css('color', 'red').text("something");
           $('#username').val('');
       }

       if ($("#email").val() === ""){
           $(".emailOutput").css('color', 'red').text("something");
       }

       if ($("#psw").val() === "") {
           $(".pswOutput").css('color', 'red').text("something");
       }else if($("#psw").val().length < 8){
           $(".pswOutput").css('color', 'red').text("something");
           $('#psw').val('');
       }

       if (($("#username").val() !== "" && $("#username").val().length >= 5) && ($("#psw").val() !== "" && ($("#psw").val().length >= 8))){
           $.ajax({
               type: "GET",
               url: "../php/main.php",
               data: {
                   nameSignUp: $("#name").val(),
                   surnameSignUp: $("#surname"),
                   usernameSignUp: $("#username").val(),
                   emailSignUp: $("#email").val(),
                   passwordSignUp: md5($("#psw").val())
               },
               dataType: "text",
               success: function (e) {
                   if (e.trim() === 'YES'){
                       alert("something good");
                   }else if (e.trim() === 'NO'){
                       alert("something wrong");
                   }else{
                       alert("something something");
                   }
               }
           });
       }
   });
});

事实是，我无法理解调试错误，因为我不会说英语，而且我是AJAX的新手。 我没有看到这样的错误，所以我不知道如何解决这个问题。 可能它很简单，但不适合我。

如果你能帮助我，那就太棒了。 告诉我，如果我需要更具体。 提前谢谢。

编辑：这是屏幕

Answer 1

这里缺少

.val()

surnameSignUp: $("#surname"),

这导致jquery guts中的错误