javascript - JavaScript Validate textbox is null if null color background

Question

SELECT 
apex_item.text(1, NULL, 4, 4, NULL, 'f01_#ROWNUM#') ONE,
apex_item.text(2, NULL, 4, 4,   'onclick="port(#ROWNUM#);"', 'f02_#ROWNUM#') TWO 
FROM DUAL

上記のクエリで、ボタン クリックと onclick イベントで 2 つのテキスト ボックスを検証する必要があります。null の場合、背景色で強調表示されます。警告メッセージを表示します。

以下のJavaScript関数を使用しています。しかし、これは機能していません。私に提案してください。

<script type="text/javascript">
function port(pRow) {
   if ( $x_Item('f01_'+pRow).val = ' ) then   {
       alter('Empty');  
   } 
}
</script>

ありがとう

Answer 1

JavaScript 構文が間違っているようです。これを試して：

<script type="text/javascript">
function validate() {
   var list = document.getElementsByTagName('INPUT');
   for (var x = 0; x < list.length; x++){
      var txb = list[x];
      if (txb.getAttribute('type').toLowerCase() == 'text'){
        if ( txb.value == '' ) {
           txb.style.backgroundColor = '#a00';
        } 
        else{
            txb.style.backgroundColor = ''; //return to default color
        }
      }
   }
}
</script>

あなたのページ構造がわからないので、このスクリプトは最も効率的な方法ではありませんが、機能するはずです。テキストボックスの値を確認したいときはいつでも、JS 関数「validate()」を呼び出すだけです。