Question

演示 - jsfiddle.net/75CqW /

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

我不希望用户看到#loading如果他没有在输入中写任何内容，我已经尝试添加＆＃34; required＆＃34;在输入中，但输入为空时仍然显示#loading。你认为我的装载div有什么问题？提前谢谢。

Answer 1

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

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

演示：Fiddle

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

Answer 2

试试这个

var id = $("#statusid").val();
if (id.length == 0)
{
    return false;
}

Answer 3

在启动处理代码之前，您需要在字段上测试值（或运行验证检查）

$(function() {
    $(".submit").click(function() {
        if $('#statusid').val() {
            $("#controller").hide();
            $( "#loading" ).show();
        }
    });
});

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

3 个答案: