我是ajax的新手,我正在尝试使用AJAX,JQUERY和PHP创建注册页面。
当我启动它时,一切都很好,当我尝试完成字段时,仍然很好,如果我犯了错误,则会弹出错误。
但是,当所有字段都正常且没有错误时,当我按提交时,什么也不会出现。

我在Firefox DevTool中看到一个奇怪的错误:TypeError:'stepUp'在未实现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的新手。
我没有看到这样的错误,所以我不知道该如何解决该问题。
也许这很容易,但对我而言并非如此。

如果您能帮助我,那就太好了。
告诉我是否需要更具体。
先感谢您。

编辑:这是屏幕javascript - DevTool-TypeError:“stepUp”-LMLPHP

最佳答案

.val()在这里丢失

surnameSignUp: $("#surname"),


这会导致jQuery胆量错误

关于javascript - DevTool-TypeError:“stepUp”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43347425/

10-10 01:38