Javascript html-Jquery中表单提交的span标记中未显示错误

我不熟悉jquery。我试图创建一个表单，如果用户不输入用户名，用户将得到一个错误。我已经创建了一个表单，其中包含输入文本、一个span标记和一个按钮。如果我单击按钮和用户名字段，span标记应该是可见的

我的HTML代码如下所示：

和JQuery文件：

$(document).ready(function() {
    $("#myform").on("submit", function(){
        var uname = $("#uname").val();
        if(uname == "")
        {
            $(".error").addClass("error_show");
        }
    });

});

---

我在JQuery中使用了表单提交。错误显示不到一秒钟。为什么会这样？代码中是否有错误？

使用

preventDefault（）禁用
submit
事件的默认行为

使用
preventDefault（）

您应该在submit按钮的click事件上进行验证，然后如果它通过表单本身的call submit

另外，请注意
e.preventDefault（）
。这将防止表单在您通知之前提交

$("#check").click(function(e) {
    e.preventDefault();
    var uname = $("#uname").val();
    if(uname == "")
    {
        $(".error").addClass("error_show");
    } else {
        $("#myform").submit();
    }
});

您应该在submit按钮的click事件上进行验证，然后如果它通过表单本身的call submit

另外，请注意
e.preventDefault（）
。这将防止表单在您通知之前提交

$("#check").click(function(e) {
    e.preventDefault();
    var uname = $("#uname").val();
    if(uname == "")
    {
        $(".error").addClass("error_show");
    } else {
        $("#myform").submit();
    }
});

使用
返回false或
事件.preventDefault（）
因为表单正在提交，则在
中输入code>。代码中没有任何错误，它的行为就像它应该使用
返回false或
事件.preventDefault（）在
中，如果
因为表单正在提交。代码中没有任何错误，它的行为应该非常感谢！成功了。你能解释一下e.preventDefault（）的确切含义吗；是吗？@AniruddhJhavar它取消了任何事件的默认行为，非常感谢！成功了。你能解释一下e.preventDefault（）的确切含义吗；是吗？@AniruddhJhavar它取消了任何事件的默认行为是提交时不首选表单，或者您使用按钮单击还有其他原因吗？这确实是在表单提交之前进行验证的主要原因，而在您的方法中表单已经提交，如果验证失败，您需要取消它。最好先检查。提交时的表单是否不是首选，或者您使用按钮单击的原因是否有其他原因？这确实是在提交表单之前进行验证的主要原因，而在您的方法中表单已经提交，如果验证失败，您需要取消它。最好先检查一下。
$(document).ready(function() {
    $("#myform").on("submit", function(){
        var uname = $("#uname").val();
        if(uname == "")
        {
            $(".error").addClass("error_show");
        }
    });

});

  $("#myform").on("submit", function(e){
        e.preventDefault();
          ....rest of your code     
    });

$("#check").click(function(e) {
    e.preventDefault();
    var uname = $("#uname").val();
    if(uname == "")
    {
        $(".error").addClass("error_show");
    } else {
        $("#myform").submit();
    }
});