JSP的代码如下:<form name="addIP" onSubmit="" action="ViewaddServlet" method="post" id="addIP">
<input type="hidden" name="opflag" value="add"/>
<input type="text" name="iptext" id="iptext" />
<input type="submit" name="sumbit" value="添加" />
</form> 我想在按钮提高时先对输入的数据进行检验,检验通过提交表单,否则输出错误信息,不提交表单
这样如何在JS中实现,急用,大家帮帮忙
<input type="hidden" name="opflag" value="add"/>
<input type="text" name="iptext" id="iptext" />
<input type="submit" name="sumbit" value="添加" />
</form> 我想在按钮提高时先对输入的数据进行检验,检验通过提交表单,否则输出错误信息,不提交表单
这样如何在JS中实现,急用,大家帮帮忙
验证通过后document.addIP.submit();
方法有两个:1) 你将onSubmit="check()" 在check() 函数里面进行校验。 2) <input type="button" name="sumbit" value="添加"
onclick="check(this.form)" /> 在 check() 函数里面进行校验,最后再提交表单 form.submit();
check()
做你的验证
<input type="hidden" name="opflag" value="add"/>
<input type="text" name="iptext" id="iptext" />
<input type="submit" name="sumbit" value="添加" />
</form>
<script>
function checkAddIp()
{
var obj=document.getElementById('iptext');
if(obj.value!='')
{
return true;
}
else
{
alert('请填写信息');
return false;
}
}
</script>
form name="addIP" action="ViewaddServlet" method="post" id="addIP">
<input type="hidden" name="opflag" value="add"/>
<input type="text" name="iptext" id="iptext" />
<input type="button" name="sumbit" value="添加" onclick="checkIP(this.form)"/>改为普通按钮的时候,点击没有反应。
代码贴出来,我看看
<form name="addIP" action="ViewaddServlet" method="post" id="addIP">
<input type="hidden" name="opflag" value="add"/>
<input type="text" name="iptext" id="iptext" />
<input type="submit" name="sumbit" value="添加" onclick="checkIP()"/>
</form> JS:
function checkIP(form)
{
var ip=document.getElementById('iptext').value
//对ip进行检验
strIP = strIP.replace(/\s/gi,"")
//用空值替换空格
if (strIP==""){
alert("ip不能为空");
return false;
}
var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式
if(re.test(strIP))
{
if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256)
return true;
}
alert("请输入正确的ip");
return false;
}
}以上是全部代码,大家看看那里出错了,
每次提交的时候,总是没有检验,直接就提交了。
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function checkIP()
{
var strIP=document.getElementById('iptext').value
//对ip进行检验
strIP = strIP.replace(/\s/gi,"")
//用空值替换空格
if (strIP==""){
alert("ip不能为空");
return false;
}
var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式
if(re.test(strIP))
{
if( RegExp.$1 <256 && RegExp.$2 <256 && RegExp.$3 <256 && RegExp.$4 <256)
return true;
}
alert("请输入正确的ip");
return false;
}
</script>
</head><body>
<form name="addIP" action="ViewaddServlet" method="post" id="addIP">
<input type="hidden" name="opflag" value="add"/>
<input type="text" name="iptext" id="iptext" />
<input type="button" name="sumbit" value="提交" onclick="checkIP()"/>
</form>
</body>
</html>
<script>
function checkAddIp()
{
var obj=document.getElementById('iptext');
if(obj.value!='')
{
return true;
}
else
{
alert('请填写信息');return false;
}
}
</script>
我测下来行的
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function checkIP()
{
var strIP=document.getElementById('iptext').value
//对ip进行检验
strIP = strIP.replace(/\s/gi,"")
//用空值替换空格
if (strIP==""){
alert("ip不能为空");
return;
}
var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式
if(re.test(strIP))
{
if( RegExp.$1 <256 && RegExp.$2 <256 && RegExp.$3 <256 && RegExp.$4 <256)
document.addIP.submit();
}
alert("请输入正确的ip");
return;
}
</script>
</head><body>
<form name="addIP" action="ViewaddServlet" method="post" id="addIP">
<input type="hidden" name="opflag" value="add"/>
<input type="text" name="iptext" id="iptext" />
<input type="button" name="sumbit" value="提交" onclick="checkIP()"/>
</form>
</body>
</html>
<form name="addIP" action="ViewaddServlet" method="post" id="addIP">
<input type="hidden" name="opflag" value="add"/>
<input type="text" name="iptext" id="iptext" />
<input type="button" name="submit" value="添加" onclick="return checkIP()"/>
</form>
改为button后,点击就没反应了
你看看
这个还有问题,可以检验了
但是没有跳到ViewaddServlet里
是因为表单没有提交吗?