站长中国
当前位置:站长中国 >> 网页特效 >> 表单操作 >> 内容
精彩推荐
分类最新特效
分类热点特效
   
对输入框控制,原来的方法是提交之后出现提示,这个直接有提示
日期:2005-07-06   人气:   【字体: 】【收藏此文


<!-- 网页特效代码由[站长中国:http://www.zzChina.net]提供! -->
<!-- 要实现此效果需要 1 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='请填写一个有效的E-mail地址!\n';
} else if (test!='R') {
if (isNaN(val)) errors+='OICQ号码必须是数字!\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (val<min || max<val) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '红色 * 星号处不能为空!\n'; }
} if (errors) alert('填写有误:\n\n'+errors);
document.MM_returnValue = (errors == '');
}
//-->
</script>
<div align="center">
<form name="form1" method="POST" action="gb_add.asp">
<table width="450" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#999966" valign="top">
<table width="471" border="0" cellspacing="1" cellpadding="3" bordercolordark="#FFFFFF" bordercolorlight="#CCCCCC" class="tx9pt" align="center">
<tr>
<td width="123" bgcolor="#f7f7f7">
<div align="left">姓名:</div>
</td>
<td width="331" bgcolor="#f7f7f7">
<input type="text" class="txtfield" name="gb_name" size="20" maxlength="30">
性别:
<select class="txtfield" name="gb_sex">
<option value="先生" selected>先生</option>
<option value="女士">女士</option>
<option value="保密">保密</option>
</select>
<b><font color="#FFFFFF">
<input type="hidden" name="gb_addtime" value="2001-11-27 16:53:39">
<input type="hidden" name="gb_ip" value="210.51.216.29">
</font></b> </td>
</tr>
<tr>
<td width="123" height="2" bgcolor="#f7f7f7">
<div align="left">来自:</div>
</td>
<td width="331" bgcolor="#f7f7f7">
<input type="text" class="txtfield" name="gb_address" size="20" maxlength="30">
</td>
</tr>
<tr>
<td width="123" height="12" bgcolor="#f7f7f7">
<div align="left"><b><font color="#CC0000">*</font></b> OICQ</div>
</td>
<td width="331" bgcolor="#f7f7f7">
<input type="text" class="txtfield" name="gb_oicq" size="20" maxlength="20" onChange="MM_validateForm('gb_oicq','','NisNum');return document.MM_returnValue">
这里会进行检测 </td>
</tr>
<tr>
<td width="123" height="12" bgcolor="#f7f7f7">
<div align="left"><b><font color="#CC0000">*</font></b> 电子邮件</div>
</td>
<td width="331" bgcolor="#f7f7f7" height="12">
<input type="text" class="txtfield" name="gb_email" size="25" maxlength="30" onChange="MM_validateForm('gb_email','','NisEmail');return document.MM_returnValue">
这里会进行检测 </td>
</tr>
<tr>
<td width="123" bgcolor="#f7f7f7">
<div align="left">主页地址:</div>
</td>
<td width="331" bgcolor="#f7f7f7">
<input type="text" class="txtfield" name="gb_homepage" size="50" maxlength="100">
</td>
</tr>
<tr>
<td width="123" bgcolor="#f7f7f7">
<div align="left">主题:</div>
</td>
<td width="331" bgcolor="#f7f7f7">
<input type="text" class="txtfield" name="gb_title" size="50" maxlength="100">
</td>
</tr>
<tr>
<td width="123" bgcolor="#f7f7f7">
<div align="left">留言:</div>
</td>
<td width="331" bgcolor="#f7f7f7">
<textarea class="txtfield" name="gb_content" cols="40" rows="8" wrap="VIRTUAL">