通过JS使用自定义属性处理数据

来源：互联网发布：淘宝类目数据编辑：程序博客网时间：2024/06/06 13:16

本文介绍使用标签中自定义的属性来处理数据，如添加一个required，pattern等属性，表示该数据必输，或者需要符合某个表达式。

一般的html页面或者jsp页面中的标签，如input标签，都有一些属性，如maxlength规定最大长度等，但是还不足，有时候需要通过定义公共的js方法，其他页面都引入这个js，然后提交时就可以通过属性来达到某种控制。

1.页面引入公共的js

<script language="javascript" src=”xxxx.js”>

2.这个js文件中定义方法

//按照先校验必输项，再校验组合项，再校验正则的顺序校验function lhw_validation(formName){ document.getElementById("EEE").innerHTML=""; var form;   if(formName==null||formName=="")      form=document.forms[0];   else      form=document[formName];   //必输项校验  lhw_required(form);}function lhw_required(form){    for(var i=0;i<form.length;i++){      var obj=form[i];      var attributes=obj.attributes;      for(var j=0;j<attributes.length;j++){         var attribute=attributes[j];         if(attribute.name!=null && attribute.name=="required"){              var value=obj.value;              var parent1=obj.parentElement;              if(value==null||value==""){                 var brother=parent1.previousElementSibling;                 if(brother==null)                     brother=parent1.previousSibling;                 var name2=brother.innerText; //前一个同级元素                 document.getElementById("EEE").innerHTML=name2+"不能为空";                 return false;         }              }     }    }   return true;}

其他的如正则，pattern等类似，就是定义方法，如果标签（input输入框）有这个属性，那么进行判断即可
3.页面定义属性

<td width="20%" height="23" nowrap class="tdTitle">机构号</td><td  align="left" width="30%" nowrap class="tdValue">    <input required="true" type='text' id='DeptId' name='DeptId' />     </td>

0 0