javascript - 开发工具 - 类型错误 : 'stepUp'

Question

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

我在 Firefox DevTool 中看到一个奇怪的错误:TypeError: 'stepUp' 在未实现 HTMLInputElement 接口(interface)的对象上调用。，但我无法理解它的含义。

这是代码:

$(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 内部出现错误