简单JavaScript 表单验证
发布网友
发布时间：2022-04-22 16:18
共2个回答
热心网友
时间：2023-09-10 00:22
<head>
<script type="text/javascript">
function fun()
{
var show = document.forms[0];
if(show.username.value=="")
{
alert("用户名不能为空!!!");
show.username.focus();
return false;
}
if(show.paw.value=="")
{
alert("密码不能为空!!!")
show.paw.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form name="show"><table border=1 >
<tr>
<th colspan=2>用户注册</th>
</tr>
<tr>
<td align="right" >用户名:</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td align=right>性别:</td>
<td>男<input type="radio" name=c1>女<input type="radio" name=c1></td>
</tr>
<tr>
<td align="right" >密码:</td>
<td><input type="password" name=paw></td>
</tr>
<tr>
<td>再次输入密码:</td>
<td><input type="password"></td>
</tr>
<tr>
<td align="right">联系电话:</td>
<td><input type="text"></td>
</tr>
<tr>
<td> </td>
<td><input type="button" value="提交" onclick="fun()"/> <input type="reset" value="重置"></td>
</tr>
</table></form>
</body>
</html>
正确的 看上面， 你这个真欠扁！追问var show = document.forms[0];这是什么啊，我们没学
追答文本对象的第一个form表单 ，理解 ，你注意点， onclik 事件 这种都能写错
热心网友
时间：2023-09-10 00:22
追答你肯定要一个一个的把要验证的name属性名字取到
然后才能一个的判断啊。
比如用户名判断
var name = document.getElementById("name");
if(name.username.value=="")
{
alert("用户名不能为空!!!");
name.username.focus();
return false;
}
我这用的是id，你也可以用name属性。
还有把这两处改改就行了。
