javascript - 如果为空颜色背景，则Javascript验证文本框为空

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 事件上验证上述查询中的两个文本框，当它们为空时突出显示背景色。并提示警报消息。

我正在使用下面的 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()”。