如何在空白表單提交中隱藏圖像？

我有一個圖像，是一種微調，顯示給用戶提交表單。如何在空白表單提交中隱藏圖像？

所以在js.coffe我做這樣的事情：

$('.button.save-btn.btn.btn-primary').click -> 
    $('.loader').show()

如果表單驗證失敗，並顯示錯誤，當時我躲在相同的圖像，像這樣：

$('#error-box').show(); 
$('.loader').hide();

當遇到錯誤時，微調器工作正常，但現在如果用戶在表單爲空時單擊提交按鈕時該怎麼辦。我如何處理該事件？在這種情況下，我究竟在哪裏隱藏微調圖像？我希望我解釋我的查詢正確，任何幫助將不勝感激。 thanx提前:)

來源

2013-11-28 Rads

豈不他們提交一個空白表格只是「遇到錯誤時」的一個例子，因此可以通過您現有的方法來處理？ –

其實這就是問題所在，我沒有使用或顯示任何錯誤框。它顯示空白表單提交html5默認消息。 – Rads

你能解釋更多關於這個「html5默認消息」嗎？我不知道你的意思。 –

我不親自使用咖啡，但純JS，你可以展示紡紗圖像之前檢查領域有值：

$('.button.save-btn.btn.btn-primary').click(function(){ 
    var form_compiled = false; 

    //iterate trough each input field 
    $("#MyformID").find("input, textarea").each(function(){ 

     //check if input field has a value or is empty 
     if ($(this).val() != ""){ 
      form_compiled = true; 
     } 
    }) 

    // and then show the image if at least a filed is filled 
    if (form_compiled == true){ 
     $('.loader').show() 
    } 
})

來源

2013-11-28 09:41:01 Dax

感謝ans，但問題在於，當我的表單部分由用戶填充並且表單上的所有字段不是必填字段時，我將遇到同樣的問題。所以在這種情況下，我將不得不單獨填寫必填字段，否則我認爲這些字段會變得效率低下。請讓我知道如果你可以找到其他方式來做到這一點。謝謝:) – Rads

上面的代碼工作，如果用戶填寫在leas一個領域。如果你想運行的只是一些必填項檢查，你可以將它們添加類「必需的」，例如，然後運行在這些類的JS檢查：

$('.button.save-btn.btn.btn-primary').click(function(){ 
    var form_compiled = true; << change initialization 

    $("#MyformID").find(".required").each(function(){ 

     //check if input field is empty 
     if ($(this).val() == ""){ 
      form_compiled = false; //set to false is a required field is empty 
     } 
    }) 
    if (form_compiled == true){ 
     $('.loader').show() 
    }

}）

來源

2013-11-28 16:24:51 Dax

嘿，這看起來不錯。謝謝你的幫助：） – Rads

如何在空白表單提交中隱藏圖像？

回答

相關問題