動態textarea的Javascript驗證

Question

您好我正在使用一個CMS在電子商務網站的產品頁面上動態創建textareas。文本區域在每個不同的產品頁面上都有不同的ID。我需要一些JavaScript來檢查頁面上的所有textareas是否爲空，如果是，則顯示警告消息。我不能分配一個id到文本區域，所以不能使用我通常使用的腳本。任何幫助深表感謝！

function validate() { 
var val = document.getElementById('textarea').value; 
if (/^\s*$/g.test(val)) { 
    alert('Wrong content!'); 
} 
} 

嗨本傑明感謝您的回覆，我無法在評論中看到代碼，認爲我的日子不好。所以，我想說我在JavaScript中最大的（但好學！）我已經添加到了我的網頁，但它不會出現工作不：

<script> 
var areas = document.getElementsByTagName("textarea"); 
// now iterate them for 
(var i=0;i<areas.length;i++){ 
var val = areas[i].value; 
if (/^\s*$/g.test(val)) { 
// whatever 
} 
} </script> 

隨着本作中身體您的時間在這個

<div class="description">Further Details <br> 
<textarea id="catProdInstructions_6486638" class="productTextarea"></textarea> 
</div> 

謝謝:)

Answer 1

您可以使用getElementsByTagName獲取所有<textarea>秒。

它返回當前頁面中您可以迭代的所有文本區域的NodeList。

var areas = document.getElementsByTagName("textarea"); 
// now iterate them 
for(var i=0;i<areas.length;i++){ 
    var val = areas[i].value; 
    if (/^\s*$/g.test(val)) { 
     // whatever 
    } 
} 

節點列表返回是現場，這意味着，如果你使用Ajax獲取它們或代碼中創建它們新的textarea元素添加動態，甚至它會自動更新。