2016-11-14 93 views
2

我想要瀏覽一個表單的所有字段並確定這些字段是否填充了數據。當給出所有字段時,我想要出現一個按鈕savejQuery:每個循環奇數

This is the Fiddle的代碼,該作品(!)...

This is the same in JavaScript

jQuery的對象來遍歷:

formElements = $ 'form input[type="text"], form input[type="number"], form textarea' 

功能

formFilled = -> 
    filled = true 
    formElements.each -> 
    if $(this).val().length is 0 
     filled = false 
    filled 

事件處理程序

formElements.on 'keyup', (keyup) -> 
    keyup.preventDefault() 
    if formFilled() 
    save.show() 
    else 
    save.hide() 

有什麼建議嗎?

+0

你得到什麼錯誤? –

+0

保存按鈕'保存'永不出現(始終隱藏)... – Timo

+0

這裏沒有什麼異步。你的'keyup'處理程序是否被調用? 'formElements'實際上有什麼內容嗎? –

回答

1

#我知道答案:

的JavaScript驗證數字輸入領域,只接受數字值。

我愚蠢地測試這些領域與文字輸入......愚蠢。

代碼很好。只是測試不好。對不起,浪費你的時間。

這工作:

formInputs = $ 'input[type="text"], input[type="number"], textarea' 

formFilled = -> 
    filled = true 
    formInputs.each -> 
    if $(this).val().length is 0 
     filled = false 
    filled 

formInputs.on 'keyup', (keyup) -> 
    if formFilled() 
    saveButton.show() 
    else 
    saveButton.hide()