Javascript DevTool-TypeError:“逐步升级”

我是ajax新手，我正在尝试使用ajax、JQUERY和PHP创建注册页面。 当我启动它时，一切都很好，当我尝试完成字段时，仍然很好，如果我出错，就会弹出错误。 但当所有字段都正常且无错误时，当我按提交时，不会显示任何内容

我在Firefox DevTool中看到了一个奇怪的错误：TypeError:“Steppup”调用了一个没有实现接口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还不熟悉。 我没有看到这样的错误，所以我不知道如何解决这个问题。 也许这很简单，但对我来说不是

如果你能帮我，那就太棒了。 告诉我是否需要更具体一些。 先谢谢你

编辑：这是屏幕。此处缺少val

surnameSignUp: $("#surname"),

---

这会导致jquery guts中出现错误

您是否在任何地方使用HTML的逐步升级方法？没有，而且我从未研究过这种逐步升级方法。错误是由/untitled1/js/signUp.js文件第32行第12列中的任何内容触发的