js验证问题
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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=utf-8" />
<title>中国</title>
</head>
<script language="javascript" type="text/javascript">
function check(){
if(document.getElementById("name").value==""){
document.getElementById("nametext").style.display="block";
}
else{
document.getElementById("nametext").style.display="none";
}
if(document.getElementById("title").value==""){
alert("111");
document.getElementById("titletext").style.display="block";
alert("111eee");
}
else{
document.getElementById("titletext").style.display="none";
}
if(document.getElementById("contents").value==""){
alert("2222");
document.getElementById("contentstext").style.display="block";
return true;
}
else{
document.getElementById("contentstext").style.display="none";
}
}
</script>
<body >
<?php
header('Content-Type: text/html; charset=utf-8');
require_once 'C:\wamp\www\speedphp-3.1.66\2.php';
$dosometing=new Page();
$dosometing->write();
?>
<form id="form1" action="" >
<table>
<tr>
<td>名字</td><td><input type="text" id="name" value=""/><b style="color:#F00">*</b><td><div id="nametext" style="display:none;color:#F00"><p>请输入名字</p></div></td></td>
</tr>
<tr>
<td>标题</td><td><input type="text" id="title"/><b style="color:#F00">*</b><td><div id="titletext" style="display:none;color:#F00"><p>请输入标题</p></div></td><div id="titletext"></div></td>
</tr>
<tr>
<td>内容</td><td><label for="textarea" ></label>
<textarea name="textarea" id="contents" cols="45" rows="5"></textarea><b style="color:#F00">*</b><td><div id="contentstext" style="display:none;color:#F00"><p>请输入内容</p></div></td><div id="contentstext"></div> </td>
</tr>
</table>
<input type="button" name="提交" value="提交" onClick=" return check()"/>
<input type="reset" name="重置" value="重置" />
</form>
</body>
</html>
这里的验证为什么只有第一个是有效的呢??其他的怎么没有效果显示出来呢 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中国</title>
</head>
<script language="javascript" type="text/javascript">
function check(){
if(document.getElementById("name").value==""){
document.getElementById("nametext").style.display="block";
}
else{
document.getElementById("nametext").style.display="none";
}
if(document.getElementById("title").value==""){
alert("111");
document.getElementById("titletext").style.display="block";
alert("111eee");
}
else{
document.getElementById("titletext").style.display="none";
}
if(document.getElementById("contents").value==""){
alert("2222");
document.getElementById("contentstext").style.display="block";
return true;
}
else{
document.getElementById("contentstext").style.display="none";
}
}
</script>
<body >
<?php
header('Content-Type: text/html; charset=utf-8');
require_once 'C:\wamp\www\speedphp-3.1.66\2.php';
$dosometing=new Page();
$dosometing->write();
?>
<form id="form1" action="" >
<table>
<tr>
<td>名字</td><td><input type="text" id="name" value=""/><b style="color:#F00">*</b><td><div id="nametext" style="display:none;color:#F00"><p>请输入名字</p></div></td></td>
</tr>
<tr>
<td>标题</td><td><input type="text" id="title"/><b style="color:#F00">*</b><td><div id="titletext" style="display:none;color:#F00"><p>请输入标题</p></div></td><div id="titletext"></div></td>
</tr>
<tr>
<td>内容</td><td><label for="textarea" ></label>
<textarea name="textarea" id="contents" cols="45" rows="5"></textarea><b style="color:#F00">*</b><td><div id="contentstext" style="display:none;color:#F00"><p>请输入内容</p></div></td><div id="contentstext"></div> </td>
</tr>
</table>
<input type="button" name="提交" value="提交" onClick=" return check()"/>
<input type="reset" name="重置" value="重置" />
</form>
</body>
</html>
这里的验证为什么只有第一个是有效的呢??其他的怎么没有效果显示出来呢 展开
2个回答
展开全部
首先。
onsubmit='return Checklogin();' c是小写的。
然后
document.register.UserName.focus(); 把register换成login。因为这是form的名字
再
return ture后面最好加上分号
onsubmit指的是提交的时候执行。
如果你想点击图片时候提交,只要在属性里面加上 onclick='return checklogin();'
然后在return ture;前面加上document.login.submit();
onsubmit='return Checklogin();' c是小写的。
然后
document.register.UserName.focus(); 把register换成login。因为这是form的名字
再
return ture后面最好加上分号
onsubmit指的是提交的时候执行。
如果你想点击图片时候提交,只要在属性里面加上 onclick='return checklogin();'
然后在return ture;前面加上document.login.submit();
追问
onsubmit='return Checklogin();我里面好像没有这个事件吧,然后document.register.UserName.focus(); 把register换成login表单名是from1,return ture后面没加分号是在哪里?我这里不是图片,属性是botton。而且我上面问的是表单的第一个验证是可以成功的,为什么其他程序是可以运行到哪里的,就是无法显示出来呢?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不得不吐槽一下楼上...
你有没有发现,请输入标题那句,有两个id=titletext的div,在同一个页面,最好不要有相同的id,把后面的<div id="titletext"></div>这个div删掉。
然后,请输入内容这句,也是一样,有两个id=contentstext的div,把后面的<div id="contentstext"></div>这个删掉。
现在就会有效果了。
你有没有发现,请输入标题那句,有两个id=titletext的div,在同一个页面,最好不要有相同的id,把后面的<div id="titletext"></div>这个div删掉。
然后,请输入内容这句,也是一样,有两个id=contentstext的div,把后面的<div id="contentstext"></div>这个删掉。
现在就会有效果了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询