如果为空颜色背景,则Javascript验证文本框为空

时间:2012-12-05 10:30:37

标签: javascript oracle-apex

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>

由于 的Sudhir

1 个答案:

答案 0 :(得分:0)

您的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()”。