JS前台遍历所有文本框，验证是否为空

来源：互联网发布：mysql增删改查sql语句编辑：程序博客网时间：2024/05/21 05:37

“辅助检查“中的文本框都在一个table中，现在用一个前台方法验证所有的文本框不为空，并且将前面的提示文字显示出来。

        function checkEmpty() {//                        var tab = document.getElementById("tabFZJC");//获取table对象            var ipt = tab.getElementsByTagName("input"); //获取table中所有的文本输入控件            for (i = 0; i < ipt.length; i++)            {///               if (ipt[i].getAttribute("type") == "text") {//如果是文本框,就判断是否为空                   if (ipt[i].value == "") {                   //获得焦点并改变背景色突出显示                       document.getElementById(ipt[i].getAttribute("id")).focus();                       document.getElementById(ipt[i].getAttribute("id")).style.backgroundColor = "#7889EF";                       var j = "#" + ipt[i].getAttribute("id");                       var str = $(j).parent(".td_bg").prev().html(); //获取前面的提示文字（父元素的前一个兄弟元素里面的文本）                                                      alert(str+"不能为空");                   return false;                   }               }                                                            }///            return true;        } //

然后在保存按钮中的OnClientClick事件调用此方法就OK了，效果如下：

0 0