
js实验表单验证,为什么我做那个不行求解释,代码如下,body部分没错
<html><head><title>login.html</title><Scriptlanguage="JavaScript">functioncheck(){var...
<html>
<head>
<title>login.html</title>
<Script language="JavaScript">
function check(){
var zhanghao=document.getElementByName("userName");
var mima=document.getElementByName("userPW");
if(zhanghao.value==""){
alert("账号不能为空");
return false;
}
if(mima.value==""){
alert("密码不能为空的");
return false;
}
return true;
}
</Script>
</head>
<body>
<form name="form1" method="post" action="#" onsubmit="return check(this)">
<p align="center"><font size="3">用户登陆</font></p>
<p align="center">用户:
<input type="text" name="userName" value=""></p>
<p align="center">密码:<input type="password"name="userPW" value="">
</p>
<p align="center">
<input type="submit" value="登录">
<input type="button" value="注册" onclick="window.location.href='register.html'"></p>
</form>
</body>
</html> 展开
<head>
<title>login.html</title>
<Script language="JavaScript">
function check(){
var zhanghao=document.getElementByName("userName");
var mima=document.getElementByName("userPW");
if(zhanghao.value==""){
alert("账号不能为空");
return false;
}
if(mima.value==""){
alert("密码不能为空的");
return false;
}
return true;
}
</Script>
</head>
<body>
<form name="form1" method="post" action="#" onsubmit="return check(this)">
<p align="center"><font size="3">用户登陆</font></p>
<p align="center">用户:
<input type="text" name="userName" value=""></p>
<p align="center">密码:<input type="password"name="userPW" value="">
</p>
<p align="center">
<input type="submit" value="登录">
<input type="button" value="注册" onclick="window.location.href='register.html'"></p>
</form>
</body>
</html> 展开
3个回答
展开全部
首先一点,你把getElementByName写错了,正确是这样getElementsByName,
其次你这里onsubmit="return check(this)调用函数有传参数,但是在定义函数的时候却没有接收参数;
另外,在做表单验证的时候,可以用form+name的形式获取标签的,我把你的js稍稍改了一下,运行过了,可行的,你试试吧。
<Script language="JavaScript">
function check(obj){
if(obj.userName.value=='' || obj.userPW.value==''){
alert("账号或密码不能为空");
return false;
}
}
</Script>
其次你这里onsubmit="return check(this)调用函数有传参数,但是在定义函数的时候却没有接收参数;
另外,在做表单验证的时候,可以用form+name的形式获取标签的,我把你的js稍稍改了一下,运行过了,可行的,你试试吧。
<Script language="JavaScript">
function check(obj){
if(obj.userName.value=='' || obj.userPW.value==''){
alert("账号或密码不能为空");
return false;
}
}
</Script>
展开全部
一般用这个方法获取单个input的值
var zhanghao=document.getElementById("userName");
var zhanghao=document.getElementById("userName");
追问
改了设了id属性也没用,我用的是byName的。通过表单form1访问属性也没用,估计是函数问题
追答
看胖滨的吧,我赞同他的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
那个script标签小写看看
追问
不区分,没用
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询