隱藏DIV標籤，直到填寫所有文本字段

-1

我有一個表單，其中包含兩個名爲email和password的元素，直到它們填充後，div中的提交將被隱藏。下面是我的劇本，但它不工作：隱藏DIV標籤，直到填寫所有文本字段

<button id="sign_in_button" class='upperbutton' data-role="none" hidden="inline"></button>

JQUERY

$(document).ready(function() { 
    var $input = $('#email,#password') 
    $input.keyup(function() { 
     var trigger = false; 
     $input.each(function() { 
      if (!$(this).val()) { 

      } 
     }); 
     $("#sign_in_button").fadeIn(); 
    }); 
});

CSS

.upperbutton { 
    position:absolute; 
    top:5px; 
    width:80px; 
    height:30px; 
    border:none; 
    background-color:#2797bf; 
    background-image:url(imgs/checkmark.png); 
    background-repeat:no-repeat; 
    color:#FEFEFE; 
    left:90%; 
}

來源

2016-04-28 neiza

是的，請不要大寫'I'，而要冠以標題中的每個單詞。 –

你的代碼中沒有任何東西可以做你想做的事。 –

您可以檢查數量爲填充輸入，並且總輸入的數量進行比較。

$input.on('keyup'function() { 
    var trigger = false; 
    filled = $input.filter(function() { 
     return this.value.length; 
    }).length; 
    if(filled == $input.length) 
     $("#sign_in_button").fadeIn(); 
    else 
     $("#sign_in_button").fadeOut(); 
});

來源

2016-04-28 12:15:05 RRK

當我運行什麼都沒有發生，你可以創建一個小提琴？ – neiza

您可以使用太JavaScript工作者對象。

首先檢查瀏覽器是否接受工人。

if(typeof(Worker) !== "undefined") { 
    // Yes! Web worker support! 
    // Some code..... 
} else { 
    // Sorry! No Web Worker support.. 
}

然後用js函數創建一個腳本。

function checkAllFilled() { 
    // Code for check all your inputs 
} 

checkAllFilled();

然後創建和啓動工作

if(typeof(w) == "undefined") { 
    w = new Worker("check_inputs.js"); 
}

殺死工人

w.terminate();

來源

2016-04-28 12:21:55

我會做這樣的：

function checkForm() { 
 
    var boxes = document.getElementsByClassName("myinputs"); 
 
    for(var i=0; i<boxes.length; i++) { 
 
     if(!boxes[i].value) { 
 
    \t  return false; 
 
     } 
 
    } 
 
    var hidden = document.getElementById("hidencontent"); 
 
    hidden.setAttribute("class", "visible"); 
 
}

.hide { 
 
    display: none; 
 
}

<input type="text" class="myinputs" onblur="checkForm()" name="foo"> 
 
<br> 
 

 
<input type="text" class="myinputs" onblur="checkForm()" name="bar"> 
 

 
<div class="hide" id="hidencontent"> 
 
    <h1> 
 
    You found it! 
 
    </h1> 
 
</div>

來源

2016-04-28 13:30:05 jdgregson

隱藏DIV標籤，直到填寫所有文本字段

回答

相關問題