新建JQuery的檢查值:JQuery的:如何使用每種方法在所有表單輸入元素
好吧,我很困惑,並已經嘗試了所有的變化,包括我在書和JQuery的API已經閱讀。
我有以下的樣品馬克 - 達:
<form id="myForm" name="myForm" action="" method="post">
<label>*Enter Input A:
<br />
<input type="text" id="inputA" name="inputA" />
</label>
<label>*Enter Input B:
<br />
<input type="text" id="inputB" name="inputB" />
</label>
<label>*Enter Input C:
<br />
<input type="text" id="inputC" name="inputC" />
</label>
<label>*Enter Input D:
<br />
<input type="text" id="inputD" name="inputD" />
</label>
</form>
<p class="myText">Sample Text</p>
頁面加載時,我通過TAB鍵,該款顏色的變化。 這是我想要的:blur function
。
我不明白:
該段不會改變,除非我鍵入一個值到最後textbox
inputD。 爲什麼?如果任何方框中有值,我需要更改段落。 這隻有一個值嗎? ($(element).val() == '')
?
這裏是JQ:
$('#myForm :input[type="text"]').blur(function() {
$('#myForm input[type="text"]').each(function (i, element) {
if ($(element).val() == '') {
$(".myText").css("color", "#F00")
} else {
$(".myText").css("color", "#9A9A9A")
}
});
});
小提琴是在這裏:JSfiddle Example
感謝您還沒有打破循環的,一旦你滿足所需條件的解釋
正如順便說一句,沒有必要在'。每次的PARAMS(功能(I,元素)'代碼,一個簡單的' .each(function(){'這樣做。同樣,只要在if測試中使用'$(this)'。 [見這個jsFiddle](http://jsfiddle.net/6hQBg/),它結合了PSL的解決方案。 – gibberish
@gibberish實際上'this.value'就足夠了.. – PSL
非常感謝! – Asynchronous