html代码 如何在没输入用户名的情况下点击login弹出提示框？
代码如下想实现的功能是没有输入用户名的情况下点击“login”就弹出提示框“用户名不能为空！”，不知道哪里有错误，恳请指点！<html><head><title>用户注册...
代码如下 想实现的功能是没有输入用户名的情况下点击“login”就弹出提示框“用户名不能为空！”，不知道哪里有错误，恳请指点！
<html>
<head>
<title>用户注册</title>
<script language="javascript">
function clicklogin()
{
if(tableLogin.login.value=="")
{
window.alert("用户名不能为空！");
tableLogin.login.focus();
return;
}
else
{
}
}
</script>
</head>
<body>
<form name="tableLogin">
<table align="center" width="350px">
<th colspan=2>用户注册<th1>
<tr>
<td>用户名</td>
<td><input type="text" name="Name"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="Pass"></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" name="PassRE"></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value=checked>男
<input type="radio" name="sex">女</td>
</tr>
<tr>
<td>爱好</td>
<td><input type="checkbox" name="aihao" value=checked>swim
<input type="checkbox" name="aihao">run
<input type="checkbox" name="aihao">wushu</td>
</tr>
<tr>
<td>出生年月日</td>
<td>年<select>
<script languege="javascript">
for(var i=1950;i<=2000;i++)
{
document.write("<option>" + i + "</option>")
}
</script>
</select>
月<select>
<script languege="javascript">
for(var i=1;i<=12;i++)
{
document.write("<option>" + i + "</option>")
}
</script>
</select>
日<select >
<script language="javascript" >
for(i=1;i<=31;i++)
{
document.write("<option>"+i+"</option>")
}
</script>
</select>
</td>
</tr>
<tr>
<td>照片</td><td><input type="file" name="pic" id="pic" ></td>
</tr>
<tr>
<td colspan=2 align="center"><input type="button" name="login" value="login" onclick="clicklogin();">
<input type="submit" name="submit" value="submit">
<input type="reset" name="reset" value="reset">
<input type="button" onclick=window.close() name="close" value="close"></td>
</tr>
</table>
</form>
</body>
</html> 展开
<html>
<head>
<title>用户注册</title>
<script language="javascript">
function clicklogin()
{
if(tableLogin.login.value=="")
{
window.alert("用户名不能为空！");
tableLogin.login.focus();
return;
}
else
{
}
}
</script>
</head>
<body>
<form name="tableLogin">
<table align="center" width="350px">
<th colspan=2>用户注册<th1>
<tr>
<td>用户名</td>
<td><input type="text" name="Name"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="Pass"></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" name="PassRE"></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value=checked>男
<input type="radio" name="sex">女</td>
</tr>
<tr>
<td>爱好</td>
<td><input type="checkbox" name="aihao" value=checked>swim
<input type="checkbox" name="aihao">run
<input type="checkbox" name="aihao">wushu</td>
</tr>
<tr>
<td>出生年月日</td>
<td>年<select>
<script languege="javascript">
for(var i=1950;i<=2000;i++)
{
document.write("<option>" + i + "</option>")
}
</script>
</select>
月<select>
<script languege="javascript">
for(var i=1;i<=12;i++)
{
document.write("<option>" + i + "</option>")
}
</script>
</select>
日<select >
<script language="javascript" >
for(i=1;i<=31;i++)
{
document.write("<option>"+i+"</option>")
}
</script>
</select>
</td>
</tr>
<tr>
<td>照片</td><td><input type="file" name="pic" id="pic" ></td>
</tr>
<tr>
<td colspan=2 align="center"><input type="button" name="login" value="login" onclick="clicklogin();">
<input type="submit" name="submit" value="submit">
<input type="reset" name="reset" value="reset">
<input type="button" onclick=window.close() name="close" value="close"></td>
</tr>
</table>
</form>
</body>
</html> 展开
展开全部
改成这样
<html>
<head>
<title>用户注册</title>
<script language="javascript">
function clicklogin()
{
if(tableLogin.Name.value=="")
{
window.alert("用户名不能为空！");
tableLogin.Name.focus();
return;
}
else
{
}
}
</script>
</head>
<body>
<form name="tableLogin">
<table align="center" width="350px">
<th colspan=2>用户注册<th1>
<tr>
<td>用户名</td>
<td><input type="text" name="Name"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="Pass"></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" name="PassRE"></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value=checked>男
<input type="radio" name="sex">女</td>
</tr>
<tr>
<td>爱好</td>
<td><input type="checkbox" name="aihao" value=checked>swim
<input type="checkbox" name="aihao">run
<input type="checkbox" name="aihao">wushu</td>
</tr>
<tr>
<td>出生年月日</td>
<td>年<select>
<script languege="javascript">
for(var i=1950;i<=2000;i++)
{
document.write("<option>" + i + "</option>")
}
</script>
</select>
月<select>
<script languege="javascript">
for(var i=1;i<=12;i++)
{
document.write("<option>" + i + "</option>")
}
</script>
</select>
日<select >
<script language="javascript" >
for(i=1;i<=31;i++)
{
document.write("<option>"+i+"</option>")
}
</script>
</select>
</td>
</tr>
<tr>
<td>照片</td><td><input type="file" name="pic" id="pic" ></td>
</tr>
<tr>
<td colspan=2 align="center"><input type="button" name="login" value="login" onclick="clicklogin();">
<input type="submit" name="submit" value="submit">
<input type="reset" name="reset" value="reset">
<input type="button" onclick=window.close() name="close" value="close"></td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<title>用户注册</title>
<script language="javascript">
function clicklogin()
{
if(tableLogin.Name.value=="")
{
window.alert("用户名不能为空！");
tableLogin.Name.focus();
return;
}
else
{
}
}
</script>
</head>
<body>
<form name="tableLogin">
<table align="center" width="350px">
<th colspan=2>用户注册<th1>
<tr>
<td>用户名</td>
<td><input type="text" name="Name"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="Pass"></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" name="PassRE"></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value=checked>男
<input type="radio" name="sex">女</td>
</tr>
<tr>
<td>爱好</td>
<td><input type="checkbox" name="aihao" value=checked>swim
<input type="checkbox" name="aihao">run
<input type="checkbox" name="aihao">wushu</td>
</tr>
<tr>
<td>出生年月日</td>
<td>年<select>
<script languege="javascript">
for(var i=1950;i<=2000;i++)
{
document.write("<option>" + i + "</option>")
}
</script>
</select>
月<select>
<script languege="javascript">
for(var i=1;i<=12;i++)
{
document.write("<option>" + i + "</option>")
}
</script>
</select>
日<select >
<script language="javascript" >
for(i=1;i<=31;i++)
{
document.write("<option>"+i+"</option>")
}
</script>
</select>
</td>
</tr>
<tr>
<td>照片</td><td><input type="file" name="pic" id="pic" ></td>
</tr>
<tr>
<td colspan=2 align="center"><input type="button" name="login" value="login" onclick="clicklogin();">
<input type="submit" name="submit" value="submit">
<input type="reset" name="reset" value="reset">
<input type="button" onclick=window.close() name="close" value="close"></td>
</tr>
</table>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这段代码写的没有问题，只是在对象的引用上引错了，
<tr>
<td>用户名</td>
<td><input type="text" name="Name"></td>
</tr>
<tr>
由这段代码来看，对应用户名的name是“Name”，而你写的方法中获取的对象却是login，所以当用户名为空时并不执行该代码，也就达不到你想要的效果，
function clicklogin() {
if(tableLogin.login.value=="") {
window.alert("用户名不能为空！");
tableLogin.login.focus();
return; }
else { }
}
只要你把这个clicklogin()方法中的tableLogin.login.value改成tableLogin.Name.value就可以了，（记得是两处啊），改后为：
function clicklogin() {
if(tableLogin.Name.value=="") {
window.alert("用户名不能为空！");
tableLogin.Name.focus();
return; }
else { }
}
<tr>
<td>用户名</td>
<td><input type="text" name="Name"></td>
</tr>
<tr>
由这段代码来看，对应用户名的name是“Name”，而你写的方法中获取的对象却是login，所以当用户名为空时并不执行该代码，也就达不到你想要的效果，
function clicklogin() {
if(tableLogin.login.value=="") {
window.alert("用户名不能为空！");
tableLogin.login.focus();
return; }
else { }
}
只要你把这个clicklogin()方法中的tableLogin.login.value改成tableLogin.Name.value就可以了，（记得是两处啊），改后为：
function clicklogin() {
if(tableLogin.Name.value=="") {
window.alert("用户名不能为空！");
tableLogin.Name.focus();
return; }
else { }
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<td>用户名</td>
<td><input type="text" name="Name"></td>
改成 <td>用户名</td>
<td><input type="text" name="login"></td>
<td><input type="text" name="Name"></td>
改成 <td>用户名</td>
<td><input type="text" name="login"></td>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
