本文介绍使用标签中自定义的属性来处理数据,如添加一个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>