不顯示#loading如果<input>是空

Question

演示 - jsfiddle.net/75CqW/

當有人點擊提交按鈕，它顯示加載格設置即使輸入是空的。

我不希望用戶看到#loading，如果他沒有在輸入中寫入任何內容，我試圖在輸入中添加「required」，但是當輸入是空。你認爲我的加載div有什麼不對？ 在此先感謝。

Answer 1

取而代之的點擊處理程序使用該表單提交處理程序 - 表單驗證被觸發表單提交不上提交按鈕點擊

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

演示：Fiddle

注意：您可能想要阻止提交事件的默認操作，以防止默認表單提交 - 如果您使用ajax來執行服務器端處理NG

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(); 
     } 
    }); 
});