hi
does anyone has a link to tutorial which show
how to display javascript form validation error near the input field without jquery.
vineet
hi
does anyone has a link to tutorial which show
how to display javascript form validation error near the input field without jquery.
vineet
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
.warning {
position:absolute;z-Index:101;width:120px;height:20px;background-Color:red
}
/*]]>*/
</style></head>
<script type="text/javascript">
/*<![CDATA[*/
function Validate(){
var frm=document.forms[0],el,pass,rtn=true;
el=frm['txt'];
Warning(el,'');
if (el.value==''){
Warning(el,'please complete');
rtn=false;
}
el=frm['rad'];
Warning(el[1],'');
pass=false;
for (var z0=0;z0<el.length;z0++){
if (el[z0].checked){
pass=true;
}
}
if (!pass){
Warning(el[1],'check one');
rtn=false;
}
alert(rtn);
return rtn;
}
function Warning(obj,txt){
var w=Warning[obj.name],p=pos(obj);
if (!w){
w=document.createElement('DIV');
w.className='warning';
document.body.appendChild(w);
Warning[obj.name]=w;
}
w.style.left=(txt?p[0]+obj.offsetWidth+5:-3000)+'px';
w.style.top=p[1]+'px';
w.innerHTML=txt;
}
function pos(obj){
var rtn=[0,0];
while(obj){
rtn[0]+=obj.offsetLeft;
rtn[1]+=obj.offsetTop;
obj=obj.offsetParent;
}
return rtn;
}
/*]]>*/
</script>
<body>
<form onsubmit="return Validate();">
<input name="txt" />
<br />
<input type="radio" name="rad" /><input type="radio" name="rad" />
<br />
<input type="submit" name="" value="Submit"/>
</form>
</body>
</html>