用js的数组做页面表单的校验
记的刚来公司用js时很是莫名其妙,document.form[0].tt 这什么玩意呢? 竟然把"forms"丢了"s",调试大半天
用一段时间后也没什么可怕,毕竟它的逻辑和java编程没什么俩样,尤其if{}else{}语句,呵呵,不过由于js有他自己的语法和函数,所以一些功能实现起来还是很罗嗦的,比如页面所有表单的校验

当会了if/else语句后,便对所有的表单做个if判断
if(document.forms[0].qyzslx.value == "" || document.forms[0].qyzslx.value == null ){
      
//逻辑处理,........
}

这样的语句在表单少的情况下还能接受,有时候大批的处理几十甚至上百表单时是相当恐怖的,无意中发现了js也有数组^-^,这样用:
var InputName=['srze_bqs','srze_ljs','yssdl_bqs','yssdl_ljs','ynssde_bqs','ynssde_ljs','sysl_bqs','sysl_ljs','yjsdse_bqs','yjsdse_ljs','sjyyjdsdse_bqs','sjyyjdsdse_ljs','ybdsdse_bqs','ybdsdse_ljs'];
var InputNameAl=['收入总额本期数','收入总额累计数','应税所得率本期数','应税所得率累计数','应纳税所得额本期数','应纳税所得额累计数','适用税率本期数','适用税率累计数','应缴所得税额本期数','应缴所得税额累计数','减:实际已预缴的所得税额本期数','减:实际已预缴的所得税额累计数','应补(退)的所得税额本期数','应补(退)的所得税额累计数'];
for(i=0;i<InputName.length;i++){
  var item=document.getElementById(InputName<i>);
  if( (item.value)==
"" || (item.value)==null ){
alert(
"'" + InputNameAl<i> + "'不能为空");
return false;
  }
}

这是我jsp页面现成的例子,就这么简单,即使N多的表单,也只是数组中新增一元属.

当理解了它的实现原理,用起数组也是很爽的一件事,在比如form表单中的"清空",一般实现是这样的:
<input type="reset" value="清空"/>
当页面中有很多form时,或者这个"清空"键在form时就不能这样用了,可以利用js数组写个函数,onclick()函数调用:
function clearInput(){
    for(i=0;i<InputName.length;i++){
        var item=document.getElementById(InputName<i>);
        item.value=
"";
    }
}


还有.......自己想去吧,当大批处理表单数据时,不妨想想js数组.
( ^-^ ,让大家见笑了,刚学js,留点心得给比我学的还晚的人用)
weiking   2006-11-08 07:35:44 评论:0   阅读:2085   引用:0

发表评论>>

署名发表(评论可管理,不必输入下面的姓名)

姓名:

主题:

内容: 最少15个,最长1000个字符

验证码: (如不清楚,请刷新)

用,就用的漂亮点。文章嘛,借花献佛喽。