通過JS使用自定義屬性處理數據

本文介紹使用標籤中自定義的屬性來處理數據，如添加一個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>