我是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的新手。
我没有看到这样的错误,所以我不知道该如何解决该问题。
也许这很容易,但对我而言并非如此。
如果您能帮助我,那就太好了。
告诉我是否需要更具体。
先感谢您。
编辑:这是屏幕
最佳答案
.val()
在这里丢失
surnameSignUp: $("#surname"),
这会导致jQuery胆量错误
关于javascript - DevTool-TypeError:“stepUp”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43347425/