javascript - 如果 <input> 为空，则不显示 #loading

Question

演示 - jsfiddle.net/75CqW/

当有人单击“提交”按钮时，即使输入为空，它也会显示正在加载的 div。

如果用户没有在输入中写入任何内容，我不希望用户看到#loading，我尝试在输入中添加“required”，但当输入为空时，#loading 仍然显示。您认为我的加载 div 有什么问题？ 提前致谢。

Answer 1

使用表单的提交处理程序代替点击处理程序 - 表单验证是在表单提交时触发的，而不是在提交按钮点击时触发的

$(function () {
    $("#myform").submit(function () {
        $("#controller").hide();
        $("#loading").show();
    });
});

演示:Fiddle

注意:如果您使用 ajax 进行服务器端处理，您可能希望阻止提交事件的默认操作，以便阻止默认表单提交